add i18n

front/src/main.js

@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
+import { createI18n } from "vue-i18n";
 import { createPinia } from 'pinia'
 import { createRouter, createWebHistory } from 'vue-router'
 import App from './App.vue'
@@ -8,6 +9,17 @@ import SignUp from './SignUp.vue'
 import LogIn from './LogIn.vue'
 import Home from './Home.vue'
 
+import fr from './locales/fr.json';
+import en from './locales/en.json';
+
+
+// configure i18n
+const i18n = createI18n({
+    locale: navigator.language,
+    fallbackLocale: "en",
+    messages: { fr, en },
+});
+
 
 const routes = [
   { path: '/', component: Home },
@@ -24,4 +36,4 @@ export const router = createRouter({
 
 const pinia = createPinia()
 
-createApp(App).use(pinia).use(router).mount('#app')
+createApp(App).use(i18n).use(pinia).use(router).mount('#app')