perf: loading

gkd-kit · Feb 26, 2024 · d418b3e · d418b3e
1 parent 5c8ae7a
commit d418b3e
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -31,6 +31,7 @@ import {
 import type { SortState } from 'naive-ui/es/data-table/src/interface';
 import {
   computed,
+  onMounted,
   reactive,
   shallowReactive,
   shallowRef,
@@ -42,11 +43,14 @@ import { RouterLink, useRouter } from 'vue-router';
 const router = useRouter();
 
 const snapshots = shallowRef<Snapshot[]>([]);
+const loading = shallowRef(true);
 const updateSnapshots = async () => {
+  loading.value = true;
   snapshots.value = (await shallowSnapshotStorage.getAllItems()).reverse();
   checkedRowKeys.value = [];
+  loading.value = false;
 };
-updateSnapshots();
+onMounted(updateSnapshots);
 const filterOption = shallowReactive({
   query: ``,
   actualQuery: ``,
@@ -428,6 +432,7 @@ const shareDlgShow = shallowRef(false);
       size="small"
       class="flex-1"
       flexHeight
+      :loading="loading"
     />
   </div>
   <NModal