fix: 菜单翻译无法被自动读取

web/src/components/page/CommonPage.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { translateTitle } from '@/utils'
+import { translateTitle } from '@/locales/menu'
 
 interface Props {
   showFooter?: boolean

web/src/layout/sidebar/components/SideMenu.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
+import { translateTitle } from '@/locales/menu'
 import { usePermissionStore, useTabStore, useThemeStore } from '@/store'
-import { isUrl, renderIcon, translateTitle } from '@/utils'
+import { isUrl, renderIcon } from '@/utils'
+
 import type { MenuInst, MenuOption } from 'naive-ui'
 import type { VNodeChild } from 'vue'
 import type { Meta, RouteType } from '~/types/router'

web/src/layout/sidebar/components/SideSetting.vue

@@ -4,8 +4,8 @@ import { useGettext } from 'vue3-gettext'
 
 import TheIcon from '@/components/custom/TheIcon.vue'
 import MenuCollapse from '@/layout/header/components/MenuCollapse.vue'
+import { translateTitle } from '@/locales/menu'
 import { usePermissionStore, useThemeStore } from '@/store'
-import { translateTitle } from '@/utils'
 import type { RouteType } from '~/types/router'
 
 const { $gettext } = useGettext()

web/src/layout/tab/IndexView.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import { translateTitle } from '@/locales/menu'
 import type { TabItem } from '@/store'
 import { useTabStore } from '@/store'
-import { translateTitle } from '@/utils'
 import ContextMenu from './components/ContextMenu.vue'
 
 const router = useRouter()

web/src/locales/menu.ts

@@ -0,0 +1,27 @@
+import { $gettext } from '@/utils'
+
+// 变通方法，由于 gettext 不能直接对动态标题进行翻译
+export function translateTitle(key: string): string {
+  const titles: { [key: string]: string } = {
+    // 主菜单标题
+    Apps: $gettext('Apps'),
+    Backup: $gettext('Backup'),
+    Certificate: $gettext('Certificate'),
+    Container: $gettext('Container'),
+    Dashboard: $gettext('Dashboard'),
+    Update: $gettext('Update'),
+    Database: $gettext('Database'),
+    Files: $gettext('Files'),
+    Firewall: $gettext('Firewall'),
+    Monitoring: $gettext('Monitoring'),
+    Settings: $gettext('Settings'),
+    Terminal: $gettext('Terminal'),
+    Tasks: $gettext('Tasks'),
+    Website: $gettext('Website'),
+    // 应用标题
+    'Rat Benchmark': $gettext('Rat Benchmark'),
+    Toolbox: $gettext('Toolbox')
+  }
+
+  return titles[key] || key
+}

web/src/router/guard/page-title-guard.ts

@@ -1,7 +1,7 @@
 import type { Router } from 'vue-router'
 
+import { translateTitle } from '@/locales/menu'
 import { useThemeStore } from '@/store'
-import { translateTitle } from '@/utils'
 
 export function createPageTitleGuard(router: Router) {
   const themeStore = useThemeStore()

web/src/utils/gettext/index.ts

@@ -31,29 +31,3 @@ export function $ngettext(
 export function setCurrent(language: string) {
   gettext.current = language
 }
-
-// 变通方法，由于 gettext 不能直接对动态标题进行翻译
-export function translateTitle(key: string): string {
-  const titles: { [key: string]: string } = {
-    // 主菜单标题
-    Apps: $gettext('Apps'),
-    Backup: $gettext('Backup'),
-    Certificate: $gettext('Certificate'),
-    Container: $gettext('Container'),
-    Dashboard: $gettext('Dashboard'),
-    Update: $gettext('Update'),
-    Database: $gettext('Database'),
-    Files: $gettext('Files'),
-    Firewall: $gettext('Firewall'),
-    Monitoring: $gettext('Monitoring'),
-    Settings: $gettext('Settings'),
-    Terminal: $gettext('Terminal'),
-    Tasks: $gettext('Tasks'),
-    Website: $gettext('Website'),
-    // 应用标题
-    'Rat Benchmark': $gettext('Rat Benchmark'),
-    Toolbox: $gettext('Toolbox')
-  }
-
-  return titles[key] || key
-}

web/src/utils/index.ts

@@ -1,3 +1,4 @@
+export { translateTitle } from '@/locales/menu'
 export * from './auth'
 export * from './common'
 export * from './file'