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
/>
<img
:src="imageUrl"
v-if="imageUrl"
:src="imageUrl || fallbackUrl"
v-if="imageUrl || fallbackUrl"
class="image-container"
style="object-fit: contain"
@error="imageUrl = fallbackUrl || ''"
@error="imageUrl = ''"
/>
<div class="image-container" v-if="!imageUrl">
<slot name="error" v-if="!imageUrl"></slot>
<div class="image-container" v-if="!imageUrl && !fallbackUrl">
<slot name="error"></slot>
</div>
<div style="position: fixed; padding: var(--size-2)">
<q-btn