wip(i18n): Config i18n

src/hooks/web/useI18n.ts

@@ -1,50 +1,51 @@
-// // import { i18n } from '@/plugins/i18n'
+import { i18n } from '@/plugins/i18n'
 
-// type I18nGlobalTranslation = {
-//   (key: string): string
-//   (key: string, locale: string): string
-//   (key: string, locale: string, list: unknown[]): string
-//   (key: string, locale: string, named: Record<string, unknown>): string
-//   (key: string, list: unknown[]): string
-//   (key: string, named: Record<string, unknown>): string
-// }
+type I18nGlobalTranslation = {
+  (key: string): string
+  (key: string, locale: string): string
+  (key: string, locale: string, list: unknown[]): string
+  (key: string, locale: string, named: Record<string, unknown>): string
+  (key: string, list: unknown[]): string
+  (key: string, named: Record<string, unknown>): string
+}
 
-// type I18nTranslationRestParameters = [string, any]
+type I18nTranslationRestParameters = [string, any]
 
-// function getKey(namespace: string | undefined, key: string) {
-//   if (!namespace) {
-//     return key
-//   }
-//   if (key.startsWith(namespace)) {
-//     return key
-//   }
-//   return `${namespace}.${key}`
-// }
+function getKey(namespace: string | undefined, key: string) {
+  if (!namespace) {
+    return key
+  }
+  if (key.startsWith(namespace)) {
+    return key
+  }
+  return `${namespace}.${key}`
+}
 
-// export function useI18n(namespace?: string): {
-//   t: I18nGlobalTranslation
-// } {
-//   const normalFn = {
-//     t: (key: string) => {
-//       return getKey(namespace, key)
-//     }
-//   }
+export function useI18n(namespace?: string): {
+  t: I18nGlobalTranslation
+} {
+  const normalFn = {
+    t: (key: string) => {
+      return getKey(namespace, key)
+    }
+  }
+  console.log(i18n)
 
-//   if (!i18n) {
-//     return normalFn
-//   }
+  if (!i18n) {
+    return normalFn
+  }
 
-//   const { t, ...methods } = i18n.global
+  const { t, ...methods } = i18n.global
 
-//   const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
-//     if (!key) return ''
-//     if (!key.includes('.') && !namespace) return key
-//     return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters))
-//   }
-//   return {
-//     ...methods,
-//     t: tFn
-//   }
-// }
+  const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
+    if (!key) return ''
+    if (!key.includes('.') && !namespace) return key
+    return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters))
+  }
+  return {
+    ...methods,
+    t: tFn
+  }
+}
 
 // export const t = (key: string) => key