enable i18n for vuetify

deepmodeling · Oct 11, 2023 · da8cdb8 · da8cdb8
1 parent f2b61d3
commit da8cdb8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/i18n.js b/src/i18n.js
@@ -14,6 +14,7 @@ function loadLocaleMessages() {
 }
 
 export default createI18n({
+    legacy: false,
     locale: process.env.VUE_APP_I18N_LOCALE || navigator.language.split('-')[0] || 'en',
     fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
     messages: loadLocaleMessages(),

diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -3,6 +3,9 @@ import { createVuetify } from 'vuetify';
 import { aliases, fa } from 'vuetify/iconsets/fa'
 import { VDataTable } from 'vuetify/labs/VDataTable'
 import '@fortawesome/fontawesome-free/css/all.css'
+import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n'
+import { useI18n } from 'vue-i18n'
+import { i18n } from '../i18n.js'
 
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
@@ -30,7 +33,10 @@ const vuetify = createVuetify({
         }
       }
     }
-  }
+  },
+  locale: {
+    adapter: createVueI18nAdapter({ i18n, useI18n }),
+  },
 })
 
 export default vuetify;