wip(VForm): VForm coding

src/hooks/web/useI18n.ts

@@ -0,0 +1,50 @@
+// // 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 I18nTranslationRestParameters = [string, any]
+
+// 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)
+//     }
+//   }
+
+//   if (!i18n) {
+//     return normalFn
+//   }
+
+//   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
+//   }
+// }
+
+// export const t = (key: string) => key