Started to work on localization

src/assets/localization/en/localization.json

@@ -0,0 +1,5 @@
+{
+    "message": {
+      "hello": "hello world"
+    }
+}

src/assets/localization/fr/localization.json

@@ -0,0 +1,5 @@
+{
+    "message": {
+      "hello": "BONJOUR"
+    }
+  }

src/assets/localization/ja/localization.json

@@ -0,0 +1,5 @@
+{
+    "message": {
+      "hello": "こんにちは、世界"
+    }
+  }

src/components/home/welcome.vue

@@ -7,7 +7,7 @@
            
             <div id="name_div_right_container">
               <div class="test" id="welcome_text_div">
-                <h1>Hello ! I'm </h1>
+                <h1>Hello ! I'm {{ $t('message.hello') }} </h1>
                 <h2>AI enthousiast</h2>
               </div>
               <div id="social_networks" class="test">

src/main.js

@@ -3,9 +3,35 @@ import './assets/main.css'
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
+import { createI18n } from 'vue-i18n'
+
+// Localization
+
+import fr from "./assets/localization/fr/localization.json";
+import en from "./assets/localization/en/localization.json";
+import ja from "./assets/localization/ja/localization.json";
+
+let userLanguage = navigator.language || navigator.userLanguage;
+
+if(userLanguage.split("-")[0] == "fr") userLanguage = "fr";
+else if(userLanguage.split("-")[0] == "jp" || userLanguage.split("-")[0] == "ja") userLanguage = "ja";
+else userLanguage = "en";
+
+const i18n = createI18n({
+    locale: userLanguage,
+    fallbackLocale: 'en',
+    messages: {
+      en: en,
+      ja: ja,
+      fr: fr
+    }
+})
+
+// Creating App
 
 const app = createApp(App)
 
 app.use(router)
+app.use(i18n)
 
 app.mount('#app')