From e68b7812bf875981755e37f38b3c427a0ca6804f Mon Sep 17 00:00:00 2001
From: Arjun <ayac3j@gmail.com>
Date: Tue, 17 Dec 2024 10:29:27 +0800
Subject: [PATCH] fix: build type check

---
 src/pages/main/components/SnapVault.vue         |  5 +++--
 src/pages/main/components/SnapVaultItemList.vue | 12 ++++--------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/pages/main/components/SnapVault.vue b/src/pages/main/components/SnapVault.vue
index 798eac6..763fa86 100644
--- a/src/pages/main/components/SnapVault.vue
+++ b/src/pages/main/components/SnapVault.vue
@@ -29,6 +29,7 @@ async function loadData() {
   list.value = entries.filter(entry => entry.isFile && FileSizeFormatter.isPictureFile(entry.name)).map(entry => ({
     id: entry.name,
     image: `${val?.value}/images/${entry.name}`,
+    checked: false,
   }))
 }
 
@@ -48,11 +49,11 @@ async function handleDelete() {
   deleteLoading.value = true
   const newList = list.value.filter(item => !item.checked)
   const confirmation = await confirm(
-    `是否确认删除 ${ list.value.length } 个文件?`,
+    `是否确认删除 ${ newList.length } 个文件?`,
     { title: '确认删除', kind: 'warning' },
   )
   if (confirmation) {
-    for (const item of list.value) {
+    for (const item of newList) {
       await remove(item.image)
     }
   }
diff --git a/src/pages/main/components/SnapVaultItemList.vue b/src/pages/main/components/SnapVaultItemList.vue
index 63dc1ca..8515958 100644
--- a/src/pages/main/components/SnapVaultItemList.vue
+++ b/src/pages/main/components/SnapVaultItemList.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { confirm } from '@tauri-apps/plugin-dialog'
 import { remove } from '@tauri-apps/plugin-fs'
-import { useElementHover } from '@vueuse/core'
 import { ref } from 'vue'
 import Button from '~/components/Button.vue'
 import Checkbox from '~/components/Checkbox.vue'
@@ -13,13 +12,10 @@ defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (e: 'change'): void
+  (e: 'change', val: boolean): void
   (e: 'remove'): void
 }>()
 
-const snapHoverableElement = ref()
-const isHovered = useElementHover(snapHoverableElement)
-
 const deleteLoading = ref(false)
 
 async function handleDelete(path: string) {
@@ -37,11 +33,11 @@ async function handleDelete(path: string) {
 </script>
 
 <template>
-  <div ref="snapHoverableElement" class="flex flex-row items-center justify-between gap-2 relative rounded-md bg-card p-2">
+  <div class="flex flex-row items-center justify-between gap-2 relative rounded-md bg-card p-2">
     <div class="flex flex-row items-center justify-center w-8 h-8">
-      <Checkbox :checked="item.checked" @change="() => emit('change', !checked)" />
+      <Checkbox :checked="item.checked" @change="() => emit('change', !item.checked)" />
     </div>
-    <PictureReview :image-path="item.image" width="100" height="60" />
+    <PictureReview :image-path="item.image" :width="100" :height="60" />
     <FileInfo :path="item.image" class-name="ml-8 flex flex-1 flex-row items-center justify-between gap-2" />
     <div class="flex flex-row items-center justify-center gap-2">
       <Button class-name="btn-action-icon" anim @click="() => handleDelete(item.image)">