แก้ไข loader

src/modules/03_recruiting/components/Document.vue

@@ -146,7 +146,7 @@ import HeaderTop from "@/modules/03_recruiting/components/top.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useRoute } from "vue-router";
-import { useDataStore } from "@/stores/data";
+
 import type { UploadType } from "@/modules/03_recruiting/interface/index/Main";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
@@ -161,14 +161,13 @@ const $q = useQuasar();
 const route = useRoute();
 const candidateId = ref<string>(route.params.candidateId.toString());
 const uploader = ref<any>();
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
+
 const edit = ref<boolean>(props.status == "checkRegister");
 const name = ref<string>("");
 const files = ref<UploadType[]>([]);
 const file = ref<File[]>([]);
 const mixin = useCounterMixin();
-const { messageError } = mixin;
+const { messageError, showLoader, hideLoader } = mixin;
 
 onMounted(async () => {
   await getData();
@@ -180,7 +179,7 @@ const fileAdd = async (val: any) => {
 };
 
 const getData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.candidateUpload(candidateId.value))
     .then((res) => {
@@ -191,7 +190,7 @@ const getData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -199,7 +198,7 @@ const deleteData = async (id: string) => {
   const params = {
     documentId: id,
   };
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.candidateUpload(candidateId.value), {
       params,
@@ -211,7 +210,7 @@ const deleteData = async (id: string) => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       await getData();
     });
 };
@@ -223,7 +222,7 @@ const uploadData = async () => {
   });
   const formData = new FormData();
   formData.append("", newFile);
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.candidateUpload(candidateId.value), formData)
     .then((res) => {
@@ -233,7 +232,7 @@ const uploadData = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       name.value = "";
       uploader.value.reset();
       await getData();