new loader

src/modules/01_metadata/components/CalendarList.vue

@@ -244,7 +244,15 @@ const props = defineProps({
 const store = useDataStore();
 const { loaderPage } = store;
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
-const { success, dateToISO, dateMonth2Thai, weekThai, messageError } = mixin;
+const {
+  success,
+  dateToISO,
+  dateMonth2Thai,
+  weekThai,
+  messageError,
+  showLoader,
+  hideLoader,
+} = mixin;
 const $q = useQuasar(); //ใช้ noti quasar
 const calendarData = ref<DataDateListsObject[]>([]); //data วันหยุด
 const modalAdd = ref<boolean>(false); //modal เพิ่มวันหยุด
@@ -329,7 +337,7 @@ const deleteClick = async (val: DataDateListsObject) => {
  */
 const fetchData = async () => {
   calendarData.value = [];
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.listHolidayHistoryYear(props.dateYear))
     .then((res) => {
@@ -409,7 +417,7 @@ const deleteConfirm = async () => {
   } else {
     return;
   }
-  loaderPage(true);
+  showLoader();
   await http
     .post(
       config.API.listHolidayHistoryDelete(currentTab.value),
@@ -462,7 +470,7 @@ const editData = async () => {
           }
         );
       }
-      loaderPage(true);
+      showLoader();
       await http
         .post(config.API.listHolidayHistoryEdit(currentTab.value), {
           history: _dataHistory.value,