From 0542e065eb976338c2c1aa630ae52a091e4a44f2 Mon Sep 17 00:00:00 2001
From: Folltoshe <folltoshe@foxmail.com>
Date: Sat, 1 Jul 2023 01:03:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=AD=8C=E6=9B=B2=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E6=97=B6=E9=BB=98=E8=AE=A4=E5=88=97=E8=A1=A8=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E6=98=BE=E7=A4=BA=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../List/MyList/components/ListSortModal.vue  | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/renderer/views/List/MyList/components/ListSortModal.vue b/src/renderer/views/List/MyList/components/ListSortModal.vue
index 1d7b7bfb..00919d05 100644
--- a/src/renderer/views/List/MyList/components/ListSortModal.vue
+++ b/src/renderer/views/List/MyList/components/ListSortModal.vue
@@ -2,7 +2,7 @@
   <material-modal :show="visible" teleport="#view" bg-close @close="closeModal" @after-leave="handleAfterLeave">
     <main :class="$style.main">
       <div :class="$style.header">
-        <h2>{{ listInfo.name }}</h2>
+        <h2>{{ listName }}</h2>
       </div>
       <section>
         <h3 :class="$style.title">{{ $t('list_sort_modal_by_field') }}</h3>
@@ -65,9 +65,11 @@
 </template>
 
 <script>
-import { ref } from '@common/utils/vueTools'
+import { ref, computed } from '@common/utils/vueTools'
 // import { dialog } from '@renderer/plugins/Dialog'
 import { getListMusics, updateListMusicsPosition } from '@renderer/store/list/action'
+import { useI18n } from '@/lang'
+import { LIST_IDS } from '@common/constants'
 
 
 export default {
@@ -83,7 +85,7 @@ export default {
   },
   emits: ['update:visible'],
   setup(props, { emit }) {
-    // const { t } = useI18n()
+    const t = useI18n()
     const sortField = ref('')
     const sortType = ref('')
     const closeModal = () => {
@@ -111,12 +113,25 @@ export default {
       closeModal()
       updateListMusicsPosition({ listId: props.listInfo.id, position: 0, ids: list.map(m => m.id) })
     }
+
+    const listName = computed(() => {
+      switch (props.listInfo.id) {
+        case LIST_IDS.DEFAULT:
+          return t(props.listInfo.name)
+        case LIST_IDS.LOVE:
+          return t(props.listInfo.name)
+        default:
+          return props.listInfo.name
+      }
+    })
+
     return {
       sortField,
       sortType,
       closeModal,
       handleSort,
       handleAfterLeave,
+      listName,
     }
   },
 }