more translation

src/i18n/lang/en-US/comp.ts

@@ -85,7 +85,7 @@ export default {
     login: 'Login',
     toLogin: 'To Login',
     logout: 'Logout',
-    set: 'Set',
+    set: 'Settings',
     theme: 'Theme',
     restart: 'Restart',
     refresh: 'Refresh',
@@ -180,5 +180,13 @@ export default {
       clearTasksSuccess: 'Task list cleared',
       clearTasksFailed: 'Failed to clear task list'
     }
-  }
+  },
+  settings: 'Settings',
+  user: 'User',
+  toplist: 'Toplist',
+  history: 'History',
+  list: 'Playlist',
+  mv: 'MV',
+  home: 'Home',
+  search: 'Search'
 };

src/i18n/lang/zh-CN/comp.ts

@@ -178,5 +178,13 @@ export default {
       clearTasksSuccess: '任务列表已清除',
       clearTasksFailed: '清除任务列表失败'
     }
-  }
+  },
+  settings: '设置',
+  user: '用户',
+  toplist: '排行榜',
+  history: '收藏历史',
+  list: '歌单',
+  mv: 'MV',
+  home: '首页',
+  search: '搜索'
 };

src/renderer/layout/components/AppMenu.vue

@@ -13,11 +13,10 @@
             <template #trigger>
               <router-link class="app-menu-item-link" :to="item.path">
                 <i class="iconfont app-menu-item-icon" :style="iconStyle(index)" :class="item.meta.icon"></i>
-                <span v-if="isText" class="app-menu-item-text ml-3" :class="isChecked(index) ? 'text-green-500' : ''">{{
-                  item.meta.title }}</span>
+                <span v-if="isText" class="app-menu-item-text ml-3" :class="isChecked(index) ? 'text-green-500' : ''">{{ t(item.meta.title) }}</span>
               </router-link>
             </template>
-            <div v-if="!isText">{{ item.meta.title }}</div>
+            <div v-if="!isText">{{ t(item.meta.title) }}</div>
           </n-tooltip>
         </div>
       </div>
@@ -28,6 +27,7 @@
 <script lang="ts" setup>
 import { useRoute } from 'vue-router';
 import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import icon from '@/assets/icon.png';
 
@@ -59,6 +59,8 @@ watch(
   }
 );
 
+const { t } = useI18n();
+
 const isChecked = (index: number) => {
   return path.value === props.menus[index].path;
 };

src/renderer/router/home.ts

@@ -3,7 +3,7 @@ const layoutRouter = [
     path: '/',
     name: 'home',
     meta: {
-      title: '首页',
+      title: 'comp.home',
       icon: 'icon-Home',
       keepAlive: true,
       isMobile: true
@@ -14,7 +14,7 @@ const layoutRouter = [
     path: '/search',
     name: 'search',
     meta: {
-      title: '搜索',
+      title: 'comp.search',
       noScroll: true,
       icon: 'icon-Search',
       keepAlive: true,
@@ -26,7 +26,7 @@ const layoutRouter = [
     path: '/list',
     name: 'list',
     meta: {
-      title: '歌单',
+      title: 'comp.list',
       icon: 'icon-Paper',
       keepAlive: true,
       isMobile: true
@@ -37,7 +37,7 @@ const layoutRouter = [
     path: '/toplist',
     name: 'toplist',
     meta: {
-      title: '排行榜',
+      title: 'comp.toplist',
       icon: 'ri-bar-chart-grouped-fill',
       keepAlive: true,
       isMobile: true
@@ -48,7 +48,7 @@ const layoutRouter = [
     path: '/mv',
     name: 'mv',
     meta: {
-      title: 'MV',
+      title: 'comp.mv',
       icon: 'icon-recordfill',
       keepAlive: true,
       isMobile: false
@@ -60,7 +60,7 @@ const layoutRouter = [
     name: 'history',
     component: () => import('@/views/historyAndFavorite/index.vue'),
     meta: {
-      title: '收藏历史',
+      title: 'comp.history',
       icon: 'icon-a-TicketStar',
       keepAlive: true
     }
@@ -69,7 +69,7 @@ const layoutRouter = [
     path: '/user',
     name: 'user',
     meta: {
-      title: '用户',
+      title: 'comp.user',
       icon: 'icon-Profile',
       keepAlive: true,
       noScroll: true,
@@ -81,7 +81,7 @@ const layoutRouter = [
     path: '/set',
     name: 'set',
     meta: {
-      title: '设置',
+      title: 'comp.settings',
       icon: 'ri-settings-3-fill',
       keepAlive: true,
       noScroll: true,