🐛 prevent displaying mismatched cover images when loading

zetaraku · Nov 5, 2023 · 6f47520 · 6f47520
1 parent dd96eba
commit 6f47520
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git 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
@@ -80,6 +80,7 @@ watch(isOpened, () => {
 
     <v-card>
       <v-img
+        :key="imageSrc"
         contain
         class="grey lighten-2"
         :class="{ 'rainbow-background': sheet.isSpecial }"