style: 个人中心多语言

src/views/account/settings.vue

@@ -4,6 +4,8 @@ import { PageContainer } from '@ant-design-vue/pro-layout';
 import BaseInfo from './components/base-info.vue';
 import ResetPasswd from './components/reset-passwd.vue';
 import StyleLayout from './components/style-layout.vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
 
 /**Tab标签激活 */
 let activeKey = ref<string>('base-info');
@@ -13,13 +15,13 @@ let activeKey = ref<string>('base-info');
   <PageContainer>
     <a-card>
       <a-tabs tab-position="left" v-model:activeKey="activeKey">
-        <a-tab-pane key="base-info" tab="基础信息">
+        <a-tab-pane key="base-info" :tab="t('views.account.settings.baseInfo')">
           <BaseInfo></BaseInfo>
         </a-tab-pane>
-        <a-tab-pane key="reset-passwd" tab="重置密码">
+        <a-tab-pane key="reset-passwd" :tab="t('views.account.settings.resetPasswd')">
           <ResetPasswd></ResetPasswd>
         </a-tab-pane>
-        <a-tab-pane key="style-layout" tab="个性化">
+        <a-tab-pane key="style-layout" :tab="t('views.account.settings.styleLayout')">
           <StyleLayout></StyleLayout>
         </a-tab-pane>
       </a-tabs>