fix(Avatar): bind $attrs on AvatarFallback (#2933)

This commit is contained in:
Hugo Richard
2024-12-19 13:00:31 +01:00
committed by GitHub
parent 6f8087f44b
commit 7f64198a70
29 changed files with 204 additions and 204 deletions

View File

@@ -83,10 +83,10 @@ const sizePx = computed(() => ({
:class="ui.image({ class: props.ui?.image })"
/>
<AvatarFallback as-child v-bind="fallbackProps">
<AvatarFallback as-child v-bind="{ ...fallbackProps, ...$attrs }">
<slot>
<UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
<span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback }}</span>
<span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback || '&nbsp;' }}</span>
</slot>
</AvatarFallback>
</AvatarRoot>