From 623dcbce1ca8cbba4349cd14ca7200b10f4a97e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Sun, 13 Apr 2025 15:49:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=8F=9C=E5=8D=95=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E8=A2=AB=E8=87=AA=E5=8A=A8=E8=AF=BB=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/page/CommonPage.vue        |  2 +-
 .../layout/sidebar/components/SideMenu.vue    |  4 ++-
 .../layout/sidebar/components/SideSetting.vue |  2 +-
 web/src/layout/tab/IndexView.vue              |  2 +-
 web/src/locales/menu.ts                       | 27 +++++++++++++++++++
 web/src/router/guard/page-title-guard.ts      |  2 +-
 web/src/utils/gettext/index.ts                | 26 ------------------
 web/src/utils/index.ts                        |  1 +
 8 files changed, 35 insertions(+), 31 deletions(-)
 create mode 100644 web/src/locales/menu.ts

diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index 95e2d6fa..2d553d8b 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/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
diff --git a/web/src/layout/sidebar/components/SideMenu.vue b/web/src/layout/sidebar/components/SideMenu.vue
index dc7a19d9..65d3afd6 100644
--- a/web/src/layout/sidebar/components/SideMenu.vue
+++ b/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'
diff --git a/web/src/layout/sidebar/components/SideSetting.vue b/web/src/layout/sidebar/components/SideSetting.vue
index d20cfd33..603c1e7f 100644
--- a/web/src/layout/sidebar/components/SideSetting.vue
+++ b/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()
diff --git a/web/src/layout/tab/IndexView.vue b/web/src/layout/tab/IndexView.vue
index 12cc4daf..714d1a73 100644
--- a/web/src/layout/tab/IndexView.vue
+++ b/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()
diff --git a/web/src/locales/menu.ts b/web/src/locales/menu.ts
new file mode 100644
index 00000000..6dc27c37
--- /dev/null
+++ b/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
+}
diff --git a/web/src/router/guard/page-title-guard.ts b/web/src/router/guard/page-title-guard.ts
index 14a28085..74b5c0e9 100644
--- a/web/src/router/guard/page-title-guard.ts
+++ b/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()
diff --git a/web/src/utils/gettext/index.ts b/web/src/utils/gettext/index.ts
index 261d1f1b..aa17f413 100644
--- a/web/src/utils/gettext/index.ts
+++ b/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
-}
diff --git a/web/src/utils/index.ts b/web/src/utils/index.ts
index de8d05d6..d50dcf25 100644
--- a/web/src/utils/index.ts
+++ b/web/src/utils/index.ts
@@ -1,3 +1,4 @@
+export { translateTitle } from '@/locales/menu'
 export * from './auth'
 export * from './common'
 export * from './file'