diff --git a/src/modules/04_system/views/MainView.vue b/src/modules/04_system/views/MainView.vue
index 63f196cf..a0cfa71c 100644
--- a/src/modules/04_system/views/MainView.vue
+++ b/src/modules/04_system/views/MainView.vue
@@ -13,12 +13,17 @@ import Card from "@/modules/04_system/components/cardBackupRestore.vue";
 import CardAutoBackup from "@/modules/04_system/components/cardAutoBackup.vue";
 
 import { useDataStore } from "@/modules/04_system/stores/main";
+import { storeToRefs } from "pinia";
 
 const { fetchListBackup, backupRunningList, restoreRunningList } =
   useDataStore();
+
 /**
  * ตัวแปร
  */
+const storeData = useDataStore();
+const { prevBackupRunTotal, prevRestoreRunTotal } = storeToRefs(storeData);
+
 const tab = ref<string>("backup");
 const tabItems = ref<ItemsTeb[]>([
   { name: "backup", label: "Backup & Restore", icon: "mdi-database" },
@@ -26,6 +31,8 @@ const tabItems = ref<ItemsTeb[]>([
 ]);
 
 onMounted(async () => {
+  prevBackupRunTotal.value = -1;
+  prevRestoreRunTotal.value = -1;
   await fetchListBackup();
   await backupRunningList(fetchListBackup);
   await restoreRunningList(() => {});