แก้ไข loader

src/components/information/Family.vue

@@ -1089,7 +1089,6 @@
 import { ref, onMounted } from "vue";
 import type { QForm } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
-import { useDataStore } from "@/stores/data";
 import { useQuasar } from "quasar";
 import type {
   Family,
@@ -1124,10 +1123,8 @@ const emit = defineEmits(["update:statusEdit"]);
 
 const route = useRoute();
 const $q = useQuasar();
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
 const mixin = useCounterMixin();
-const { date2Thai, success, messageError } = mixin;
+const { date2Thai, success, messageError, showLoader, hideLoader } = mixin;
 const edit = ref<boolean>(false);
 const fix = ref<boolean>(true);
 const myform = ref<QForm | null>(null);
@@ -1233,7 +1230,7 @@ const refreshData = async () => {
 };
 
 const fetchPrefix = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.prefix)
     .then((res) => {
@@ -1249,7 +1246,7 @@ const fetchPrefix = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -1279,7 +1276,7 @@ const deleteChildren = (items: childrenFamily) => {
 
 const fetchHistory = async () => {
   familyDataHistory.value = [];
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.profileFamiHisId(route.params.id.toString()))
     .then((res) => {
@@ -1317,7 +1314,7 @@ const fetchHistory = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       if (familyDataHistory.value.length == 0) {
         // modalError(
         //   $q,
@@ -1340,7 +1337,7 @@ const fetchHistory = async () => {
 
 const fetchData = async () => {
   if (route.params.id) {
-    loaderPage(true);
+    showLoader();
     await http
       .get(config.API.profileFamiId(route.params.id.toString()))
       .then((res) => {
@@ -1393,13 +1390,13 @@ const fetchData = async () => {
         messageError($q, e);
       })
       .finally(async () => {
-        loaderPage(false);
+        hideLoader();
       });
   }
 };
 
 const editData = async () => {
-  loaderPage(true);
+  showLoader();
   const body: ResponseObject = {
     couple: familyData.value.same == "1",
     couplePrefixId: familyData.value.prefixIdC,
@@ -1441,7 +1438,7 @@ const editData = async () => {
 };
 
 const addData = async () => {
-  //     loaderPage(true);
+  //     showLoader();
   //   await http
   //     .put(config.API.profileInforId(route.params.id.toString()), body)
   //     .then((res) => {