แก้ไข loader

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

@@ -403,7 +403,6 @@ import HeaderTop from "@/modules/03_recruiting/components/top.vue";
 import { useRoute } from "vue-router";
 import keycloak from "@/plugins/keycloak";
 import { useQuasar } from "quasar";
-import { useDataStore } from "@/stores/data";
 
 const props = defineProps({
   prefixOptions: {
@@ -438,9 +437,8 @@ const edit = ref<boolean>(true);
 const myform = ref<any>({});
 const img = ref<string>("");
 const fileProfile = ref<File[]>([]);
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
-const { messageError } = mixin;
+
+const { messageError, showLoader, hideLoader } = mixin;
 
 const emit = defineEmits(["update:form"]);
 
@@ -463,7 +461,7 @@ onMounted(async () => {
 });
 
 const fetchData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.candidateInformation(candidateId.value))
     .then((res) => {
@@ -494,12 +492,12 @@ const fetchData = async () => {
         keycloak.tokenParsed == null ? "" : keycloak.tokenParsed.family_name;
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const fetchImgData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.candidateProfile(candidateId.value))
     .then((res) => {
@@ -510,7 +508,7 @@ const fetchImgData = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -542,7 +540,7 @@ const selectProvince = (val: string) => {
 };
 
 const fetchDistrict = async (id: string) => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listDistrict(id))
     .then((res) => {
@@ -557,7 +555,7 @@ const fetchDistrict = async (id: string) => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };