แก้ไข loader

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

@@ -330,7 +330,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
-import { useDataStore } from "@/stores/data";
+
 import { useQuasar } from "quasar";
 import type { Goverment } from "@/modules/04_registry/components/profileType";
 import { defaultGoverment } from "@/modules/04_registry/components/profileType";
@@ -363,10 +363,10 @@ const emit = defineEmits(["update:statusEdit"]);
 
 const route = useRoute();
 const $q = useQuasar();
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
+
 const mixin = useCounterMixin();
-const { date2Thai, success, dateToISO, messageError } = mixin;
+const { date2Thai, success, dateToISO, messageError, showLoader, hideLoader } =
+  mixin;
 const profileStore = useProfileDataStore();
 const { birthDate, retireText } = storeToRefs(profileStore);
 const edit = ref<boolean>(false);
@@ -611,7 +611,7 @@ watch(retireText, async () => {
 });
 
 const fetchData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileGovId(route.params.id.toString()))
     .then((res) => {
@@ -637,7 +637,7 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -647,7 +647,7 @@ const refreshData = async () => {
 };
 
 const editData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.profileGovId(route.params.id.toString()), {
       dateAppoint: dateToISO(govermentData.value.containDate),
@@ -682,7 +682,7 @@ const handleDate = async (modelData: Date) => {
 };
 
 const fetchCalAgeGov = async (date: Date) => {
-  loaderPage(true);
+  showLoader();
   const body = {
     dateAppoint: date,
   };
@@ -696,7 +696,7 @@ const fetchCalAgeGov = async (date: Date) => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -705,7 +705,7 @@ const fetchCalAgeGov = async (date: Date) => {
  */
 const clickHistory = async () => {
   modalHistory.value = true;
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileGovHisId(route.params.id.toString()))
     .then((res) => {
@@ -738,7 +738,7 @@ const clickHistory = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };