From f5422cf3ff8e46e5ee5ae53810bb6701dd0251e5 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 29 May 2025 13:17:56 +0800
Subject: [PATCH] load vuetify locale

---
 next-ui/dir2json.d.ts                         |  2 +-
 .../components/forms/user/FormUserEdit.vue    |  6 +++---
 next-ui/src/plugins/vue-intl.ts               |  2 +-
 next-ui/src/plugins/vuetify.ts                | 20 +++++++++++++++++++
 next-ui/src/utils/locale-helper.ts            |  4 ++--
 next-ui/tsconfig.app.json                     |  4 ++--
 next-ui/tsconfig.node.json                    |  3 ++-
 7 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/next-ui/dir2json.d.ts b/next-ui/dir2json.d.ts
index c24b72a1e..e1a6f74b8 100644
--- a/next-ui/dir2json.d.ts
+++ b/next-ui/dir2json.d.ts
@@ -14,4 +14,4 @@ declare module "*i18n?dir2json&ext=.json&1" {
 declare module "*dir2json" {
   const json: any;
   export default json;
-}
+}
\ No newline at end of file
diff --git a/next-ui/src/components/forms/user/FormUserEdit.vue b/next-ui/src/components/forms/user/FormUserEdit.vue
index dc8c1d36c..e31420522 100644
--- a/next-ui/src/components/forms/user/FormUserEdit.vue
+++ b/next-ui/src/components/forms/user/FormUserEdit.vue
@@ -5,15 +5,15 @@
       autofocus
       :rules="[rules.required(), rules.email()]"
       :label="$formatMessage({
-        description: 'User creationd ialog: Email field',
+        description: 'User creation dialog: Email field',
         defaultMessage: 'Email',
-        id: 'b5wVJa'
+        id: 'ToD0+o'
       })"
       prepend-icon="mdi-account"
     />
     <v-text-field
       v-model="user.password"
-      class="mt-1"
+      class="mt-1 mb-2"
       :rules="[rules.required()]"
       :label="$formatMessage({
         description: 'User creation dialog: Password field',
diff --git a/next-ui/src/plugins/vue-intl.ts b/next-ui/src/plugins/vue-intl.ts
index 12abf74aa..9ac4633a9 100644
--- a/next-ui/src/plugins/vue-intl.ts
+++ b/next-ui/src/plugins/vue-intl.ts
@@ -1,5 +1,5 @@
 import {createIntl} from 'vue-intl'
-import {currentLocale, defaultLocale, loadLocale} from '@/utils/locale-helper.ts'
+import {currentLocale, defaultLocale, loadLocale} from '@/utils/locale-helper'
 
 const messages = loadLocale(currentLocale)
 
diff --git a/next-ui/src/plugins/vuetify.ts b/next-ui/src/plugins/vuetify.ts
index 352616884..3b9789ce3 100644
--- a/next-ui/src/plugins/vuetify.ts
+++ b/next-ui/src/plugins/vuetify.ts
@@ -16,8 +16,28 @@ import {md3} from 'vuetify/blueprints'
 import {VIconBtn} from 'vuetify/labs/components'
 import {createRulesPlugin} from 'vuetify/labs/rules'
 
+
+import {availableLocales, currentLocale, defaultLocale} from '@/utils/locale-helper'
+
+// load vuetify locales only for the available locales in i18n
+async function loadVuetifyLocale(locale: string) {
+  return await import(`../../node_modules/vuetify/lib/locale/${locale}.js`)
+}
+
+const messages: Record<string, string> = {};
+void (async()=>{
+for (const locale of Object.keys(availableLocales)) {
+  messages[locale] = (await loadVuetifyLocale(locale)).default
+}
+})();
+
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export const vuetify = createVuetify({
+  locale: {
+    locale: currentLocale,
+    fallback: defaultLocale,
+    messages,
+  },
   theme: {
     defaultTheme: 'light',
     themes: {
diff --git a/next-ui/src/utils/locale-helper.ts b/next-ui/src/utils/locale-helper.ts
index 7d5f7f79b..3d26762ce 100644
--- a/next-ui/src/utils/locale-helper.ts
+++ b/next-ui/src/utils/locale-helper.ts
@@ -14,9 +14,9 @@ const localeName = defineMessage({
  * If the translation file does not exist, loads the `defaultLocale` instead.
  * @param locale the locale code, e.g. 'fr'
  */
-export function loadLocale(locale: string) {
+export function loadLocale(locale: string): Record<string, string> {
   const localeToLoad = locale in availableLocales ? locale : defaultLocale
-  return (localeMessages as Record<string, unknown>)[localeToLoad];
+  return (localeMessages as unknown as Record<string, Record<string, string>>)[localeToLoad]!;
 }
 
 
diff --git a/next-ui/tsconfig.app.json b/next-ui/tsconfig.app.json
index 67d183f96..0e8596e5d 100644
--- a/next-ui/tsconfig.app.json
+++ b/next-ui/tsconfig.app.json
@@ -6,9 +6,9 @@
     "composite": false,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
     "noUncheckedIndexedAccess": true, // openapi-ts
-
+    "allowImportingTsExtensions":true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
diff --git a/next-ui/tsconfig.node.json b/next-ui/tsconfig.node.json
index ba9a7ac38..5613ee1ed 100644
--- a/next-ui/tsconfig.node.json
+++ b/next-ui/tsconfig.node.json
@@ -12,7 +12,8 @@
     "noEmit": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "module": "ESNext",
-    "moduleResolution": "Bundler",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
     "types": ["node"]
   }
 }