working

config/Head.ts

@@ -1,5 +1,4 @@
 export default {
-  title: 'artsite',
   meta: [
     { charset: 'utf-8' },
     { name: 'viewport', content: 'width=device-width, initial-scale=1' },

config/Translation.ts

@@ -0,0 +1,22 @@
+export default {
+  locales: [
+    {
+      code: 'en',
+      name: 'English',
+      file: 'en-US.ts',
+    },
+    {
+      code: 'fr',
+      name: 'Français',
+      file: 'fr-FR.ts',
+    },
+  ],
+  strategy: 'no_prefix',
+  defaultLocale: 'en',
+  langDir: 'locales/',
+  lazy: true,
+  seo: true,
+  vueI18n: {
+    fallbackLocale: 'en',
+  },
+}

config/index.ts

@@ -2,5 +2,6 @@ import Axios from './Axios'
 import Head from './Head'
 import ColorMode from './ColorMode'
 import Tailwind from './Tailwind'
+import Translation from './Translation'
 
-export { Axios, Head, ColorMode, Tailwind }
+export { Axios, Head, ColorMode, Tailwind, Translation }