refactor: 优化语言文件

src/components/custom-header.vue

@@ -54,12 +54,12 @@ const themeChange = val => (appStore.theme = val)
 
 const languagesItems = computed(() => [
   {
-    lable: t('main.languages.zh-cn'),
+    lable: t('main.languages.zhCn'),
     value: 'zh-cn',
     icon: 'i-flag:cn-4x3',
   },
   {
-    lable: t('main.languages.en-us'),
+    lable: t('main.languages.en'),
     value: 'en-us',
     icon: 'i-flag:us-4x3',
   },

src/locales/index.ts

@@ -1,19 +1,14 @@
-const en = import.meta.glob('./en/*.ts', {
+const locales = import.meta.glob('./en/*.ts', {
   import: 'default',
-  eager: true
+  eager: true,
 })
 
-const message = {}
+const languages = {}
 
-for (const key in en) {
-  const [language, fileName] = key.split('/').slice(1)
-  const value = en[key]
-
-  if (!message[language]) {
-    message[language] = {}
-  }
-
-  message[language][fileName.split('.')[0]] = value
+for (const locale in locales) {
+  const [language, fileName] = locale.split('/').slice(1)
+  if (!languages[language]) languages[language] = {}
+  languages[language][fileName.split('.')[0]] = locales[locale]
 }
 
-export default message
+export default languages

src/main.ts

@@ -1,11 +1,7 @@
 import App from '@/App.vue'
 import { router } from '@/router'
 import { createI18n } from 'vue-i18n'
-// import messages from '@intlify/unplugin-vue-i18n/messages'
-
-import locales from '@/locales'
-
-console.log(locales)
+import messages from '@/locales'
 
 import '@/styles/custom.less'
 import 'virtual:uno.css'
@@ -15,6 +11,6 @@ const app = createApp(App)
 
 const pinia = createPinia()
 
-const i18n = createI18n({ locale: 'en', messages: locales })
+const i18n = createI18n({ locale: 'en', messages })
 
 app.use(pinia).use(i18n).use(router).mount('#app')