feat: multi-language layout

src/hooks/setting/useLocaleSetting.ts

@@ -19,10 +19,20 @@ export function useLocaleSetting() {
   // get Fallback Locales
   const getFallbackLocale = computed((): string => unref(getLocale).fallback);
 
+  const getShowLocale = computed(() => unref(getLocale).show);
+
   // Set locale configuration
   function setLocale(locale: Partial<LocaleSetting>): void {
     appStore.commitProjectConfigState({ locale });
   }
 
-  return { getLocale, getLang, localeList, setLocale, getAvailableLocales, getFallbackLocale };
+  return {
+    getLocale,
+    getLang,
+    localeList,
+    setLocale,
+    getShowLocale,
+    getAvailableLocales,
+    getFallbackLocale,
+  };
 }

src/hooks/web/useI18n.ts

@@ -0,0 +1,21 @@
+import { getI18n } from '/@/setup/i18n';
+
+export function useI18n(namespace?: string) {
+  const { t, ...methods } = getI18n().global;
+
+  function getKey(key: string) {
+    if (!namespace) {
+      return key;
+    }
+    if (key.startsWith(namespace)) {
+      return key;
+    }
+    return `${namespace}.${key}`;
+  }
+  return {
+    ...methods,
+    t: (key: string, ...arg: Parameters<typeof t>) => {
+      return t(getKey(key), ...arg);
+    },
+  };
+}

src/hooks/web/useLocale.ts

@@ -65,10 +65,3 @@ export function useLocale() {
     antConfigLocale: antConfigLocaleRef,
   };
 }
-
-/**
- * For non-setup setting
- */
-export function useExternalI18n() {
-  return getI18n().global;
-}