Adding all translations

frontend/src/Apps/Profil.vue

@@ -1,6 +1,7 @@
 <script setup>
   import {reactive, ref} from 'vue'
   import {getUser} from '../rest/Users.js'
+  import i18n from "@/i18n.js"
  /* 
   const user = getUser(); 
 */
@@ -84,23 +85,23 @@ const toModify = Object.assign({}, user);
             E-mail: {{user.email}}      
           </div>
           <div v-if="user.role==='student'">
-            {{user.option}} {{user.role.toUpperCase()}} 
+            {{user.option}} {{i18n(user.role).toUpperCase()}} 
           </div>
           <div v-else>
-            Faculty: {{user.faculty}} 
-            Role: {{user.role}}
+            {{i18n("faculty")}}: {{user.faculty}} 
+            Role:  {{i18n(user.role).toUpperCase()}} 
           </div>
           <div>
-            <button @click="modif=!modif"> Modifier données personnelles </button>
+            <button @click="modif=!modif"> {{i18n("profile.modify.data")}} </button>
           </div>
           <div v-if="(user.role==='student')">
-            <button>Réinscription</button>
-            <button style="float:right;background-color:rgb(150,0,0);">Désinscription</button>
+            <button>{{i18n("profile.reRegister")}}</button>
+            <button style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
           </div>
         </div>
         <div v-else class="infosContainer">
           <div>
-            Profil Picture
+            {{i18n("profile.picture")}}:
             <input type="file">
           </div>
           <div>
@@ -108,19 +109,19 @@ const toModify = Object.assign({}, user);
             <input type="mail" v-model="toModify.email" />
           </div>
           <div>
-            Address:
+            {{i18n("profile.address")}}:
             <input type="text" v-model="toModify.address">
           </div>
           <div>
-            Password
+            {{i18n("login.password")}}:
             <input type="password" v-model="toModify.password">
           </div>
           <div>
-            Confirm Password
+            {{i18n("login.cPassword")}}:
             <input type="password" id="confirm">
           </div>
           <div>
-            <button @click=" modif=!modif">Confirm</button>
+            <button @click=" modif=!modif">{{i18n("courses.confirm")}}</button>
           </div>
         </div>
       </div>
@@ -128,7 +129,7 @@ const toModify = Object.assign({}, user);
 
         <div v-if="(user.role==='student')">
           <div class="listTitle">
-           Liste des cours
+            {{i18n("profile.course.list")}}
           </div>
         <div  class="listElement "
           v-for="item in user.cursus">
@@ -145,7 +146,7 @@ const toModify = Object.assign({}, user);
     
       <div v-if="(user.role==='teacher')">
           <div class="listTitle">
-           Liste des cours
+            {{i18n("profile.course.list")}}
           </div>
           <div class="listElement " v-for="item in user.coursesOwned">
           {{item.name}}