From 5e2dc60600ff1a96bb35856553ce6718df1cc6f3 Mon Sep 17 00:00:00 2001
From: hjwforever <hjwbelieve@gmail.com>
Date: Tue, 29 Oct 2024 23:14:15 +0800
Subject: [PATCH] perf: enable lazy loading for images list in file table

---
 src/renderer/components/gallery/index.vue | 2 +-
 src/renderer/views/image/ImagePreview.vue | 2 +-
 src/renderer/views/video/VideoPreview.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/gallery/index.vue b/src/renderer/components/gallery/index.vue
index 526b1cb..b869268 100644
--- a/src/renderer/components/gallery/index.vue
+++ b/src/renderer/components/gallery/index.vue
@@ -52,7 +52,7 @@
                         </span>
                       </div>
                       <div class="content" flex="main:center cross:center">
-                        <img v-if="isImage(item)" v-lazy="getImageUrlSync(item)" name="dragItem" width="200px" height="130px" loading="lazy" />
+                        <img v-if="isImage(item)" v-lazy="getImageUrlSync(item)" name="dragItem" width="200px" height="130px" loading="lazy" decoding="async" />
                         <video v-if="isVideo(item)" v-lazy="getImageUrlSync(item)" name="dragItem" width="200px" height="130px" loading="lazy" />
                       </div>
                       <div class="name" :title="item">
diff --git a/src/renderer/views/image/ImagePreview.vue b/src/renderer/views/image/ImagePreview.vue
index 615e368..bbd9cfd 100644
--- a/src/renderer/views/image/ImagePreview.vue
+++ b/src/renderer/views/image/ImagePreview.vue
@@ -73,7 +73,7 @@
           :removeVuexItem="removeImages"
         >
           <template v-slot:default="slotProps">
-            <img :src="slotProps.src" style="object-fit: contain; width: 200px; height: 170px" />
+            <img v-lazy="slotProps.src" style="object-fit: contain; width: 200px; height: 170px" loading="lazy" decoding="async" />
           </template>
         </Thumbnail>
       </div>
diff --git a/src/renderer/views/video/VideoPreview.vue b/src/renderer/views/video/VideoPreview.vue
index 809ce2d..e6aeb1d 100644
--- a/src/renderer/views/video/VideoPreview.vue
+++ b/src/renderer/views/video/VideoPreview.vue
@@ -70,7 +70,7 @@
           :removeVuexItem="removeVideos"
         >
           <template v-slot:default="slotProps">
-            <video controls style="object-fit: contain; width: 200px; height: 120px" :src="slotProps.src"></video>
+            <video :src="slotProps.src" controls style="object-fit: contain; width: 200px; height: 120px" loading="lazy"></video>
           </template>
         </Thumbnail>
       </div>