แก้ไข loader

src/modules/04_registry/components/Information/Information.vue

@@ -409,7 +409,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
-import { useDataStore } from "@/stores/data";
+
 import { useQuasar } from "quasar";
 import type {
   Information,
@@ -450,9 +450,16 @@ const emit = defineEmits(["update:statusEdit"]);
 const route = useRoute();
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { date2Thai, success, dateToISO, messageError, dialogMessage } = mixin;
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
+const {
+  date2Thai,
+  success,
+  dateToISO,
+  messageError,
+  dialogMessage,
+  showLoader,
+  hideLoader,
+} = mixin;
+
 const profileStore = useProfileDataStore();
 const { changeRetireText, changeBirth } = profileStore;
 const edit = ref<boolean>(false);
@@ -739,7 +746,7 @@ const onCancel = async () => {
  * get รายการ ข้อมูลเกี่ยวกับบุคคล
  */
 const fetchPerson = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.person)
     .then((res) => {
@@ -796,7 +803,7 @@ const fetchPerson = async () => {
     })
     .catch((e: any) => {})
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -822,7 +829,7 @@ const changeCardID = (value: string | number | null) => {
 };
 
 const checkCitizen = async (id: string) => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileCitizenId(id))
     .then((res) => {
@@ -847,7 +854,7 @@ const checkCitizen = async (id: string) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -856,7 +863,7 @@ const checkCitizen = async (id: string) => {
  */
 const clickHistory = async () => {
   modalHistory.value = true;
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileInforHisId(route.params.id.toString()))
     .then((res) => {
@@ -897,7 +904,7 @@ const clickHistory = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -973,7 +980,7 @@ const calRetire = async (birth: Date) => {
     birthDate: dateToISO(birth),
   };
   if (dateToISO(dateBefore.value) != dateToISO(birth)) {
-    loaderPage(true);
+    showLoader();
     await http
       .post(config.API.profileCalRetire, body)
       .then((res: any) => {
@@ -989,14 +996,14 @@ const calRetire = async (birth: Date) => {
         changeRetireText(date2Thai(retire));
       })
       .finally(() => {
-        loaderPage(false);
+        hideLoader();
       });
   }
 };
 
 const fetchData = async () => {
   if (route.params.id) {
-    loaderPage(true);
+    showLoader();
     await http
       .get(config.API.profileInforId(route.params.id.toString()))
       .then(async (res: any) => {
@@ -1034,7 +1041,7 @@ const fetchData = async () => {
         messageError($q, e);
       })
       .finally(async () => {
-        //   loaderPage(false);
+        //   hideLoader();
         await props.fetchDataProfile();
       });
   }
@@ -1061,7 +1068,7 @@ const editData = async () => {
     profileType: informaData.value.profileType,
     createdFullName: "-",
   };
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.profileInforId(route.params.id.toString()), body)
     .then((res) => {
@@ -1079,7 +1086,7 @@ const editData = async () => {
 };
 
 const addData = async () => {
-  //     loaderPage(true);
+  //     showLoader();
   //   await http
   //     .put(config.API.profileInforId(route.params.id.toString()), body)
   //     .then((res) => {