fixed

resources/js/App.vue

@@ -1,13 +1,14 @@
 <script setup>
-import { useTheme } from 'vuetify'
 import ScrollToTop from '@core/components/ScrollToTop.vue'
 import initCore from '@core/initCore'
 import {
-  initConfigStore,
-  useConfigStore,
+initConfigStore,
+useConfigStore,
 } from '@core/stores/config'
 import { hexToRgb } from '@layouts/utils'
-
+import { useTheme } from 'vuetify'
+import { useStore } from 'vuex'
+const store = useStore()
 const { global } = useTheme()
 
 // ℹ️ Sync current theme with initial loader theme
@@ -18,6 +19,15 @@ const configStore = useConfigStore()
 </script>
 
 <template>
+  <VOverlay
+          v-model="store.getters.getIsLoading"
+          contained
+          persistent
+          scroll-strategy="none"
+          class="align-center justify-center"
+        >
+          <VProgressCircular indeterminate />
+        </VOverlay>
   <VLocaleProvider :rtl="configStore.isAppRTL">
     <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
     <VApp :style="`--v-global-theme-primary: ${hexToRgb(global.current.value.colors.primary)}`">