feat: handle fallback prioritize image over slot

This commit is contained in:
Methapon2001 2024-08-01 14:39:08 +07:00
parent cd208781a8
commit 1da2db9501

View file

@ -64,14 +64,14 @@ function change(e: Event) {
hidden hidden
/> />
<img <img
:src="imageUrl" :src="imageUrl || fallbackUrl"
v-if="imageUrl" v-if="imageUrl || fallbackUrl"
class="image-container" class="image-container"
style="object-fit: contain" style="object-fit: contain"
@error="imageUrl = fallbackUrl || ''" @error="imageUrl = ''"
/> />
<div class="image-container" v-if="!imageUrl"> <div class="image-container" v-if="!imageUrl && !fallbackUrl">
<slot name="error" v-if="!imageUrl"></slot> <slot name="error"></slot>
</div> </div>
<div style="position: fixed; padding: var(--size-2)"> <div style="position: fixed; padding: var(--size-2)">
<q-btn <q-btn