Is hutopy finally trilangual

frontend/src/main.js

@@ -1,6 +1,6 @@
 import {createApp} from 'vue'
 import App from './App.vue'
-import router from './router/router.js'
+import router from '@/router/router.js'
 import {createPinia} from 'pinia'
 import '@mdi/font/css/materialdesignicons.css'
 import 'vuetify/styles'
@@ -9,7 +9,6 @@ import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import vueGoogleOauth from 'vue3-google-login'
 import {useAuthStore} from "@/stores/authStore.js";
-import i18n from './i18n.js';
 import {useUserProfileStore} from "@/stores/userProfileStore.js";
 import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
 import './assets/main.css'
@@ -19,21 +18,34 @@ const vuetify = createVuetify({
     directives
 });
 
+import {createI18n} from 'vue-i18n'
+import en from '@/locales/en.json'
+import fr from '@/locales/fr.json'
+import es from '@/locales/es.json'
+
+const i18n = createI18n({
+    legacy: false,
+    fallbackLocale: 'en',
+    messages: {
+        en: en,
+        fr: fr,
+        es: es
+    }
+})
+
+const pinia = createPinia();
+
 const app = createApp(App)
-    .use(createPinia())
+    .use(pinia)
     .use(vuetify)
     .use(router)
+    .use(i18n)
     .use(vueGoogleOauth, {
         clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
-    })
-    .use(i18n)
+    });
 
-// Make $t globally available
-app.config.globalProperties.$t = i18n.global.t;
-
-// this force the creation and initialization of the stores
-useAuthStore()
-useUserProfileStore()
-useCreatorProfileStore()
+useAuthStore();
+useUserProfileStore();
+useCreatorProfileStore();
 
 app.mount('#app');