more translation

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,