fix: load injected pages only after fetching resource

Author: yaroslav8765

adminforth/spa/src/stores/core.ts

@@ -16,6 +16,7 @@ export const useCoreStore = defineStore('core', () => {
   const record: Ref<any | null> = ref({});
   const resource: Ref<AdminForthResourceCommon | null> = ref(null);
   const userData: Ref<UserData | null> = ref(null);
+  const isResourceFetching = ref(false);
 
   const resourceColumnsWithFilters = computed(() => {
     if (!resource.value) {
@@ -172,6 +173,7 @@ export const useCoreStore = defineStore('core', () => {
       // already fetched
       return;
     }
+    isResourceFetching.value = true;
     resourceColumnsId.value = resourceId;
     resourceColumnsError.value = '';
     const res = await callAdminForthApi({
@@ -188,6 +190,7 @@ export const useCoreStore = defineStore('core', () => {
       resource.value = res.resource;
       resourceOptions.value = res.resource.options;
     }
+    isResourceFetching.value = false;
   }
 
   async function getPublicConfig() {
@@ -239,5 +242,6 @@ export const useCoreStore = defineStore('core', () => {
     fetchMenuBadges,
     resetAdminUser,
     resetResource,
+    isResourceFetching,
   }
 })

adminforth/spa/src/views/ListView.vue

@@ -10,6 +10,7 @@
     </Teleport>
 
     <component 
+      v-if="!coreStore.isResourceFetching"
       v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.beforeBreadcrumbs || []"
       :is="getCustomComponent(c)"
       :meta="(c as AdminForthComponentDeclarationFull).meta"
@@ -19,6 +20,7 @@
 
     <BreadcrumbsWithButtons>
       <component 
+        v-if="!coreStore.isResourceFetching"
         v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.beforeActionButtons || []"
         :is="getCustomComponent(c)"
         :meta="(c as AdminForthComponentDeclarationFull).meta"
@@ -98,6 +100,7 @@
       </button>
 
       <ThreeDotsMenu 
+        v-if="!coreStore.isResourceFetching"
         :threeDotsDropdownItems="(coreStore.resourceOptions?.pageInjections?.list?.threeDotsDropdownItems as [])"
         :bulkActions="coreStore.resource?.options?.bulkActions"
         :checkboxes="checkboxes"
@@ -108,6 +111,7 @@
     </BreadcrumbsWithButtons>
 
     <component 
+      v-if="!coreStore.isResourceFetching"
       v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.afterBreadcrumbs || []"
       :is="getCustomComponent(c)"
       :meta="(c as AdminForthComponentDeclarationFull).meta"