feat(i18n): 添加个人资料页面翻译文案

app/components/AppHeader.vue

@@ -14,11 +14,16 @@ function onBack() {
 const { t } = useI18n()
 
 const title = computed(() => {
+
   if (!route.meta)
     return ''
   return route.meta.i18n ? t(route.meta.i18n) : (route.meta.title || '')
 })
-
+const subTitle = computed(() => {
+  if (!route.meta)
+    return ''
+  return route.meta.subTitle ? t(route.meta.subTitle) : ''
+})
 const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route.name))
 </script>
 
@@ -31,8 +36,8 @@ const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route
   >
     <template #title>
       <div class="flex flex-col items-center justify-center">
-        <div class="text-#000000 text-17px mb-5px font-600">京都拍卖会</div>
-        <div class="text-#939393 text-10px line-height-none font-100">2025.01.18 蒙娜丽莎的微笑</div>
+        <div class="text-#000000 text-17px mb-5px font-600">{{ title }}</div>
+        <div class="text-#939393 text-10px line-height-none font-100">{{subTitle}}</div>
       </div>
     </template>
   </VanNavBar>

app/types/vue-router.d.ts

@@ -4,6 +4,8 @@ declare module 'vue-router' {
     title?: string
     /** i18n key */
     i18n?: string
+    /** sub title */
+    subTitle?: string
   }
 }
 

i18n/locales/zh-CN.json

@@ -1,5 +1,5 @@
 {
-  "appSetting":{
+  "appSetting": {
     "appName": "豐和",
     "appDescription": "泰丰国际京都拍卖会",
     "appKeyWords": "泰丰,泰丰文化，豐和，京都,拍卖会"
@@ -19,6 +19,10 @@
     "home": "主页",
     "profile": "我的"
   },
+  "profile": {
+    "name": "姓名",
+    "phone": "手机号"
+  },
   "unocss_page": {
     "hello": "你好 {0}",
     "desc": "这是 unocss 一个简单例子。",
@@ -44,4 +48,4 @@
     "btn_clear": "清空",
     "btn_empty_desc": "暂无数据"
   }
-}
+}