arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 03:38:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Avatar): add as prop to use NuxtImg underneath

Browse Source 
Resolves #1577
This commit is contained in:
Benjamin Canac
2024-03-28 11:04:17 +01:00
parent bd8b737642
commit 49b73aa024
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/runtime/components/elements/Avatar.vue
View File

@@ -1,13 +1,14 @@
<template> <template>
<span :class="wrapperClass"> <span :class="wrapperClass">
<img <component
:is="as"
v-if="url && !error" v-if="url && !error"
:class="imgClass" :class="imgClass"
:alt="alt" :alt="alt"
:src="url" :src="url"
v-bind="attrs" v-bind="attrs"
@error="onError" @error="onError"
> />
<span v-else-if="text" :class="ui.text">{{ text }}</span> <span v-else-if="text" :class="ui.text">{{ text }}</span>
<UIcon v-else-if="icon" :name="icon" :class="iconClass" /> <UIcon v-else-if="icon" :name="icon" :class="iconClass" />
<span v-else-if="placeholder" :class="ui.placeholder">{{ placeholder }}</span> <span v-else-if="placeholder" :class="ui.placeholder">{{ placeholder }}</span>
@@ -39,6 +40,10 @@ export default defineComponent({
}, },
inheritAttrs: false, inheritAttrs: false,
props: { props: {
as: {
type: [String, Object],
default: 'img'
},
src: { src: {
type: [String, Boolean], type: [String, Boolean],
default: null default: null