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

fix(Avatar): prevent boolean src

Browse Source
This commit is contained in:
Benjamin Canac
2022-03-01 17:22:26 +01:00
parent 4d0709a25c
commit da3ed26c2c
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<template> <template>
<span :class="wrapperClass"> <span :class="wrapperClass">
<img v-if="src" :class="avatarClass" :src="src" :alt="alt"> <img v-if="url" :class="avatarClass" :src="url" :alt="alt">
<span v-else-if="text || placeholder" :class="placeholderClass">{{ text || placeholder }}</span> <span v-else-if="text || placeholder" :class="placeholderClass">{{ text || placeholder }}</span>
<span v-if="chip" :class="chipClass" /> <span v-if="chip" :class="chipClass" />
@@ -94,6 +94,13 @@ const chipClass = computed(() => {
) )
}) })
const url = computed(() => {
if (typeof props.src === 'boolean') {
return null
}
return props.src
})
const placeholder = computed(() => { const placeholder = computed(() => {
return (props.alt || '').split(' ').map(word => word.charAt(0)).join('').substr(0, 2) return (props.alt || '').split(' ').map(word => word.charAt(0)).join('').substr(0, 2)
}) })