And again we continue

frontend/src/App.vue

@@ -119,7 +119,10 @@
     </div>
     <div class="page">
       <div style=" margin:50px;">
+        <Suspense>
+        
 		<component :is="currentView" />
+        </Suspense>
       </div>
     </div>
   </div>

frontend/src/Apps/Profil.vue

@@ -3,7 +3,8 @@
   import {getSelf} from '../rest/Users.js'
   import i18n from "@/i18n.js"
   import { uploadProfilePicture } from '@/rest/uploads.js'
-  const user = getSelf();
+  const user = await getSelf();
+  console.log(user)
   console.log(user.role)
   console.log("test")
   /*
@@ -62,17 +63,16 @@ function getPP(){
           <div>
             E-mail: {{user.email}}      
           </div>
-          <div v-if="user.role=='Student'">
-            {{user.option}} {{i18n(user.role)}} 
+          <div v-if="user.role==='Student'">
+            {{user.option}} {{i18n(user.role.toLowerCase())}} 
           </div>
           <div v-else>
-            {{i18n("faculty")}}: {{user.faculty}} 
-            Role:  {{i18n(user.role)}} 
+            Role:  {{i18n((user.role).toLowerCase())}} 
           </div>
           <div>
             <button @click="modif=!modif"> {{i18n("profile.modify.data")}} </button>
           </div>
-          <div v-if="(user.role=='student')">
+          <div v-if="(user.role==='Student')">
             <button @click="reg=!reg">{{i18n("profile.reRegister")}}</button>
             <button @click="unreg=!unreg" style="float:right;background-color:rgb(150,0,0);">{{i18n("profile.unRegister")}}</button>
             <button @click="curric=!curric">{{i18n("profile.change.curriculum")}}</button>
@@ -108,7 +108,7 @@ function getPP(){
       </div>
       <div v-if="modif==false"class="moreInfos">
 
-        <div v-if="(user.role=='student')">
+        <div v-if="(user.role==='Student')">
           <div class="listTitle">
             {{i18n("profile.course.list")}}
           </div>