From ed8eb67ab694705ef29fe700769c62e884f4ea0a Mon Sep 17 00:00:00 2001
From: Adam Dullage <adam@dullage.com>
Date: Thu, 12 Sep 2024 20:04:36 +0100
Subject: [PATCH] Wrap app in loadingIndicator component

---
 client/App.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/App.vue b/client/App.vue
index f9033b1..1d98671 100644
--- a/client/App.vue
+++ b/client/App.vue
@@ -1,5 +1,6 @@
 <template>
-  <div
+  <LoadingIndicator
+    ref="loadingIndicator"
     class="container mx-auto flex h-screen flex-col px-2 py-4 print:max-w-full"
   >
     <PrimeToast />
@@ -12,7 +13,7 @@
       @toggleSearchModal="toggleSearchModal"
     />
     <RouterView />
-  </div>
+  </LoadingIndicator>
 </template>
 
 <script setup>
@@ -28,9 +29,11 @@ import { loadTheme } from "./helpers.js";
 import NavBar from "./partials/NavBar.vue";
 import SearchModal from "./partials/SearchModal.vue";
 import { loadStoredToken } from "./tokenStorage.js";
+import LoadingIndicator from "./components/LoadingIndicator.vue";
 
 const globalStore = useGlobalStore();
 const isSearchModalVisible = ref(false);
+const loadingIndicator = ref();
 const navBar = ref();
 const route = useRoute();
 const toast = useToast();
@@ -47,9 +50,11 @@ getConfig()
   .then((data) => {
     globalStore.authType = data.authType;
     globalStore.hideRecentlyModified = data.hideRecentlyModified;
+    loadingIndicator.value.setLoaded();
   })
   .catch((error) => {
     apiErrorHandler(error, toast);
+    loadingIndicator.value.setFailed();
   });
 
 loadStoredToken();