arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-27 10:20:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Avatar): hide fallback when image is loaded

Browse Source 
Resolves nuxt/ui-pro#727
This commit is contained in:
Benjamin Canac
2025-01-24 17:29:53 +01:00
parent 63b7de4159
commit 36d7402be1
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/Avatar.vue
View File

@@ -105,7 +105,7 @@ onMounted(() => {
@load="imageLoaded = true" @load="imageLoaded = true"
/> />
<AvatarFallback as-child v-bind="{ ...fallbackProps, ...$attrs }"> <AvatarFallback v-if="!imageLoaded" as-child v-bind="{ ...fallbackProps, ...$attrs }">
<slot> <slot>
<UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" /> <UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
<span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback || '&nbsp;' }}</span> <span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback || '&nbsp;' }}</span>