Added :key to mediaitem-artwork, preventing previous artwork from persisting

This commit is contained in:
booploops 2021-12-14 22:20:17 -08:00
parent 2df1a2d95f
commit 236da9b878

View file

@ -1,12 +1,12 @@
<script type="text/x-template" id="mediaitem-artwork"> <script type="text/x-template" id="mediaitem-artwork">
<template v-if="type == 'artists'"> <template v-if="type == 'artists'">
<div class="mediaitem-artwork rounded" :style="{'box-shadow': shadow ? 'var(--mediaItemShadow-Shadow)' : ''}"> <div class="mediaitem-artwork rounded" :key="url" :style="{'box-shadow': shadow ? 'var(--mediaItemShadow-Shadow)' : ''}">
<img :src="app.getMediaItemArtwork(url, size)" <img :src="app.getMediaItemArtwork(url, size)"
class="mediaitem-artwork--img"> class="mediaitem-artwork--img">
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="mediaitem-artwork" :style="{'box-shadow': shadow ? 'var(--mediaItemShadow-Shadow)' : ''}" <div class="mediaitem-artwork" :key="url" :style="{'box-shadow': shadow ? 'var(--mediaItemShadow-Shadow)' : ''}"
v-observe-visibility="{callback: visibilityChanged}"> v-observe-visibility="{callback: visibilityChanged}">
<img :src="app.getMediaItemArtwork(url, size)" v-if="isVisible" <img :src="app.getMediaItemArtwork(url, size)" v-if="isVisible"
class="mediaitem-artwork--img"> class="mediaitem-artwork--img">