fix loading Skeleton

src/modules/05_leave/views/Main.vue

@@ -118,11 +118,11 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-const isloading = ref<boolean>(false);
+const isloadingSummary = ref<boolean>(false);
 
 /** function เรียกข้อมูลตารางสถิติการลา*/
 async function fetchStatsTable() {
-  isloading.value = true;
+  isloadingSummary.value = true;
   await http
     .get(config.API.leaveStats())
     .then((res) => {
@@ -171,11 +171,12 @@ async function fetchStatsTable() {
         leaveCountReject: e.leaveCountReject,
         leaveCountDelete: e.leaveCountDelete,
       }));
-      isloading.value = false;
     })
     .catch((err) => {
       messageError($q, err);
-      isloading.value = true;
+    })
+    .finally(() => {
+      isloadingSummary.value = false;
     });
 }
 
@@ -215,7 +216,7 @@ onMounted(async () => {
     <div class="col-xs-12 col-sm-12 col-md-11 row">
       <!-- สถิติการลา -->
       <div class="col-12 row q-pb-sm">
-        <q-card bordered class="col-12 row" v-if="!isloading">
+        <q-card bordered class="col-12 row" v-if="!isloadingSummary">
           <div class="row col-12 items-center q-px-md q-py-sm">
             <div class="text-weight-bold">สถิติการลา</div>
             <q-space />
@@ -278,6 +279,7 @@ onMounted(async () => {
               </q-card>
             </div>
           </div>
+
           <div class="col-6 row">
             <div
               bordered