新增同步功能对“不喜欢歌曲”列表的同步

src/renderer/views/Setting/components/DislikeListModal.vue

@@ -3,7 +3,7 @@ material-modal(:show="modelValue" teleport="#view" height="80%" width="80%" @clo
   main(:class="$style.main")
     h2 {{ $t('setting__dislike_list_title') }}
     div(:class="$style.content")
-      textarea(v-model="rules" :class="$style.textarea")
+      textarea(v-model="rules" :class="$style.textarea" :placeholder="$t('setting__dislike_list_input_tip')")
   div(:class="$style.footer")
     div(:class="$style.tips") {{ $t('setting__dislike_list_tips') }}
     base-btn(:class="$style.btn" @click="handleSave") {{ $t('setting__dislike_list_save_btn') }}
@@ -21,21 +21,20 @@ export default {
       default: false,
     },
   },
-  emits: ['update:modelValue', 'onRuleUpdate'],
+  emits: ['update:modelValue'],
   setup(props, { emit }) {
     const rules = ref('')
 
     const handleSave = async() => {
       if (rules.value.trim() != dislikeInfo.rules.trim()) {
         await overwirteDislikeInfo(rules.value)
-        emit('onRuleUpdate')
       }
       emit('update:modelValue', false)
     }
 
     watch(() => props.modelValue, (visible) => {
       if (!visible) return
-      rules.value = dislikeInfo.rules
+      rules.value = dislikeInfo.rules.length ? dislikeInfo.rules + '\n' : dislikeInfo.rules
     })
 
     return {
@@ -84,6 +83,7 @@ export default {
   border: none;
   outline: none;
   border-radius: 4px;
+  padding: 5px;
   background-color: var(--color-primary-light-200-alpha-900);
   box-sizing: border-box;
   font-family: inherit;

src/renderer/views/Setting/components/SettingOther.vue

@@ -42,7 +42,7 @@ dd
       span.auto-hidden {{ dislikeRuleCount }}
     .p
       base-btn.btn(min @click="isShowDislikeList = true") {{ $t('setting__other_dislike_list_show_btn') }}
-  DislikeListModal(v-model="isShowDislikeList" @on-rule-update="handleCountRules")
+  DislikeListModal(v-model="isShowDislikeList")
 
 dd
   h3#other_lyric_edited {{ $t('setting__other_lyric_edited_cache') }}
@@ -75,7 +75,7 @@ import { dialog } from '@renderer/plugins/Dialog'
 import { useI18n } from '@renderer/plugins/i18n'
 import { appSetting, updateSetting } from '@renderer/store/setting'
 import { overwriteListFull } from '@renderer/store/list/listManage'
-import { dislikeInfo } from '@renderer/store/dislikeList'
+import { dislikeRuleCount } from '@renderer/store/dislikeList'
 import DislikeListModal from './DislikeListModal.vue'
 
 export default {
@@ -150,11 +150,7 @@ export default {
     }
     refreshMusicUrlCount()
 
-    const dislikeRuleCount = ref(dislikeInfo.musicNames.size + dislikeInfo.singerNames.size + dislikeInfo.names.size)
     const isShowDislikeList = ref(false)
-    const handleCountRules = () => {
-      dislikeRuleCount.value = dislikeInfo.musicNames.size + dislikeInfo.singerNames.size + dislikeInfo.names.size
-    }
 
     const lyricRawCount = ref(0)
     const isDisabledLyricRawCacheClear = ref(false)
@@ -226,7 +222,6 @@ export default {
 
       dislikeRuleCount,
       isShowDislikeList,
-      handleCountRules,
 
       lyricRawCount,
       isDisabledLyricRawCacheClear,