修改

src/lang/index.js

@@ -16,7 +16,7 @@ const messages = {
 
 const i18n = createI18n({
   legacy: false,
-  locale: 'zh-cn',
+  locale: localStorage.getItem('language'),
   messages: messages,
   globalInjection: true
 })

src/lang/package/en.js

@@ -6,7 +6,7 @@ export default {
   },
   // 登录页面国际化
   login: {
-    title: 'New generation information technology incubation platform',
+    title: 'Information Technology Incubation Platform',
     username: 'Username',
     password: 'Password',
     login: 'Login',
@@ -18,6 +18,7 @@ export default {
   navbar: {
     dashboard: 'Dashboard',
     logout: 'Logout',
+    my: 'Personal Center',
     document: 'Document',
     gitee: 'Gitee'
   },

src/lang/package/zh-cn.js

@@ -19,6 +19,7 @@ export default {
   navbar: {
     dashboard: '首页',
     logout: '注销',
+    my: '个人中心',
     document: '项目文档',
     gitee: '码云'
   },

src/layout/parts/Header.vue

@@ -13,8 +13,8 @@
             </el-icon>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item>我的信息</el-dropdown-item>
-                <el-dropdown-item @click="logout">注销</el-dropdown-item>
+                <el-dropdown-item>{{ $t('navbar.my') }}</el-dropdown-item>
+                <el-dropdown-item @click="logout">{{ $t('navbar.logout') }}</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>

src/layout/parts/Sidebar.vue

@@ -5,7 +5,7 @@
       <el-col :span="24" class="main">
         <el-col :span="24" class="first">
           <img :src="siteInfo.logo_url" class="logo-image" />
-          <span class="logo-title"> {{ siteInfo.zhTitle }}</span>
+          <span class="logo-title">{{ $t('login.title') }}</span>
         </el-col>
         <el-col :span="24" class="second">
           <el-menu

src/main.js

@@ -12,7 +12,7 @@ import i18n from '@/lang/index'
 // 组件
 import globalComponents from '@/components'
 const app = createApp(App)
-globalComponents(app)
+globalComponents(app);
 setupStore(app)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)

src/store/modules/app.js

@@ -1,5 +1,5 @@
 import defaultSettings from '@/settings'
-// import { useStorage } from '@vueuse/core'
+import { useStorage } from '@vueuse/core'
 
 // 导入 Element Plus 中英文语言包
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
@@ -11,7 +11,6 @@ export const useAppStore = defineStore('app', () => {
   const device = useStorage('device', 'desktop')
   const size = useStorage('size', defaultSettings.size)
   const language = useStorage('language', defaultSettings.language)
-
   const sidebarStatus = useStorage('sidebarStatus', 'closed')
 
   const sidebar = reactive({