调整前端两套互不连通的 HTTP 请求层并存、两套布局框架并存、两套 Pinia 实例并存问题

src/hooks/web/useLocale.ts

@@ -1,35 +1,36 @@
-import { i18n } from '@/plugins/vueI18n'
-import { useLocaleStoreWithOut } from '@/stores/modules/locale'
-import { setHtmlPageLang } from '@/plugins/vueI18n/helper'
-
-const setI18nLanguage = (locale: LocaleType) => {
-  const localeStore = useLocaleStoreWithOut()
-
-  if (i18n.mode === 'legacy') {
-    i18n.global.locale = locale
-  } else {
-    ;(i18n.global.locale as any).value = locale
-  }
-  localeStore.setCurrentLocale({
-    lang: locale
-  })
-  setHtmlPageLang(locale)
-}
-
-export const useLocale = () => {
-  // Switching the language will change the locale of useI18n
-  // And submit to configuration modification
-  const changeLocale = async (locale: LocaleType) => {
-    const globalI18n = i18n.global
-
-    const langModule = await import(`../../locales/${locale}.ts`)
-
-    globalI18n.setLocaleMessage(locale, langModule.default)
-
-    setI18nLanguage(locale)
-  }
-
-  return {
-    changeLocale
-  }
-}
+import { i18n } from '@/plugins/vueI18n'
+import { useLocaleStoreWithOut } from '@/stores/modules/locale'
+import { setHtmlPageLang } from '@/plugins/vueI18n/helper'
+import { loadLocaleMessages } from '@/locales'
+
+const setI18nLanguage = (locale: LocaleType) => {
+  const localeStore = useLocaleStoreWithOut()
+
+  if (i18n.mode === 'legacy') {
+    i18n.global.locale = locale
+  } else {
+    ;(i18n.global.locale as any).value = locale
+  }
+  localeStore.setCurrentLocale({
+    lang: locale
+  })
+  setHtmlPageLang(locale)
+}
+
+export const useLocale = () => {
+  // Switching the language will change the locale of useI18n
+  // And submit to configuration modification
+  const changeLocale = async (locale: LocaleType) => {
+    const globalI18n = i18n.global
+
+    const message = await loadLocaleMessages(locale)
+
+    globalI18n.setLocaleMessage(locale, message)
+
+    setI18nLanguage(locale)
+  }
+
+  return {
+    changeLocale
+  }
+}