From 6f475207538f51ba7c02ec64520e1f5bcb681cfc Mon Sep 17 00:00:00 2001
From: Raku Zeta <zetaraku@gmail.com>
Date: Mon, 6 Nov 2023 01:47:18 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20prevent=20displaying=20mismatche?=
 =?UTF-8?q?d=20cover=20images=20when=20loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SheetTile.vue           | 2 ++
 components/dialogs/SheetDialog.vue | 1 +
 2 files changed, 3 insertions(+)

diff --git a/components/SheetTile.vue b/components/SheetTile.vue
index 1dad9f1..cd35a1f 100644
--- a/components/SheetTile.vue
+++ b/components/SheetTile.vue
@@ -74,10 +74,12 @@ const {
             <!-- sheet cover image -->
             <picture v-if="!hideCover">
               <source
+                :key="sheet.imageUrlM"
                 :srcset="sheet.imageUrlM"
                 type="image/webp"
               >
               <img
+                :key="sheet.imageUrl"
                 :src="sheet.imageUrl"
                 alt=""
                 class="CoverImage"
diff --git a/components/dialogs/SheetDialog.vue b/components/dialogs/SheetDialog.vue
index c4dfe8f..83f076e 100644
--- a/components/dialogs/SheetDialog.vue
+++ b/components/dialogs/SheetDialog.vue
@@ -80,6 +80,7 @@ watch(isOpened, () => {
 
     <v-card>
       <v-img
+        :key="imageSrc"
         contain
         class="grey lighten-2"
         :class="{ 'rainbow-background': sheet.isSpecial }"