refactor: refactor locales, separate locales within apps,fixed #12

packages/@core/locales/src/i18n.ts

@@ -0,0 +1,72 @@
+import type { SupportedLanguagesType } from '@vben-core/typings';
+import type { Locale } from 'vue-i18n';
+
+import type { ImportLocaleFn } from './typing';
+
+import { unref } from 'vue';
+import { createI18n } from 'vue-i18n';
+
+const loadedLanguages = new Set<string>();
+
+// TODO：import.meta.env 和 import.meta.glob 是源码依赖，会导致该包依赖外部项目必须是vite才可以
+const i18n = createI18n({
+  globalInjection: true,
+  legacy: false,
+  locale: '',
+  messages: {},
+  missingWarn: import.meta.env.PROD,
+  silentFallbackWarn: !import.meta.env.PROD,
+  silentTranslationWarn: !import.meta.env.PROD, // true - warning off
+});
+
+const modules = import.meta.glob('./langs/*.y(a)?ml');
+
+const localesMap = loadLocalesMap(modules);
+
+/**
+ * Load locale modules
+ * @param modules
+ */
+function loadLocalesMap(modules: Record<string, () => Promise<unknown>>) {
+  const localesMap: Record<Locale, ImportLocaleFn> = {};
+
+  for (const [path, loadLocale] of Object.entries(modules)) {
+    const key = path.match(/([\w-]*)\.y(a)?ml/)?.[1];
+    if (key) {
+      localesMap[key] = loadLocale as ImportLocaleFn;
+    }
+  }
+  return localesMap;
+}
+
+/**
+ * Set i18n language
+ * @param locale
+ */
+function setI18nLanguage(locale: Locale) {
+  i18n.global.locale.value = locale;
+
+  document?.querySelector('html')?.setAttribute('lang', locale);
+}
+
+/**
+ * Load locale messages
+ * @param lang
+ */
+async function loadI18nMessages(lang: SupportedLanguagesType) {
+  if (unref(i18n.global.locale) === lang) {
+    return setI18nLanguage(lang);
+  }
+
+  if (loadedLanguages.has(lang)) {
+    return setI18nLanguage(lang);
+  }
+
+  const message = await localesMap[lang]();
+
+  i18n.global.setLocaleMessage(lang, message.default);
+  loadedLanguages.add(lang);
+  return setI18nLanguage(lang);
+}
+
+export { i18n, loadI18nMessages, loadLocalesMap, setI18nLanguage };