Merge pull request #275 from SELab-2/web/hotfix/loader

Frontend: Loader
SELab-2 · Apr 20, 2023 · b892ac5 · b892ac5
2 parents 961b543 + 527e07b
commit b892ac5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
@@ -165,12 +165,18 @@
 
         <v-spacer />
       </v-app-bar>
-      <router-view :key="route.fullPath" />
+      <Suspense :key="route.fullPath">
+        <template #fallback>
+          <Loader />
+        </template>
+        <router-view />
+      </Suspense>
     </v-main>
   </v-app>
 </template>
 
 <script lang="ts" setup>
+import Loader from "@/components/popups/Loader.vue";
 import Avatar from "@/components/Avatar.vue";
 import { Ref, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";