fixing req IDP & registry

src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue

@@ -15,6 +15,7 @@ import type {
 } from "@/modules/04_registryPerson/interface/index/Main";
 import type { DataListsIDP } from "@/modules/04_registryPerson/interface/response/Main";
 
+const props = defineProps<{ isIdp: boolean | null }>();
 const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
@@ -283,9 +284,8 @@ watch(
   }
 );
 
-/** HooK lifecycle ทำงานเมื่อมีการเรียกใช้งาน Componenets*/
 onMounted(() => {
-  fetchData();
+  props.isIdp && fetchData();
 });
 </script>
 

src/modules/04_registryPerson/views/requestEditView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onBeforeMount, onMounted, ref } from "vue";
 
 import { useRoute, useRouter } from "vue-router";
 
@@ -12,12 +12,16 @@ const router = useRouter();
 const route = useRoute();
 const store = useRegistryNewDataStore();
 
-const isIDP = ref<boolean>();
+const isIDP = ref<boolean | null>(null);
+
+onBeforeMount(async () => {
+  isIDP.value = await (route.name?.toString() == "registryNewRequestEditEMP"
+    ? false
+    : true);
+});
 
 onMounted(() => {
-  const check =
+  store.tabs = !isIDP.value ? "Main" : store.tabs;
-    route.name?.toString() == "registryNewRequestEditEMP" ? false : true;
-  store.tabs = !check ? "Main" : store.tabs;
 });
 </script>
 
@@ -63,7 +67,9 @@ onMounted(() => {
           <TabInformation />
         </q-tab-panel>
 
-        <q-tab-panel style="padding: 0px" name="IDP"> <TabIDP /> </q-tab-panel>
+        <q-tab-panel style="padding: 0px" name="IDP">
+          <TabIDP :is-idp="isIDP" />
+        </q-tab-panel>
       </q-tab-panels>
     </q-card-section>
   </q-card>