Use a computed value

pull/726/head
Cagatay Civici 2020-11-28 22:42:26 +03:00
parent 4d1e4b99c7
commit 56e5e1acfe
1 changed files with 4 additions and 6 deletions

View File

@ -2,7 +2,7 @@
<div :class="containerClass"> <div :class="containerClass">
<slot> <slot>
<span class="p-avatar-letter" v-if="letter">{{letter}}</span> <span class="p-avatar-letter" v-if="letter">{{letter}}</span>
<span :class="getIconClass()" v-else-if="icon"></span> <span :class="iconClass" v-else-if="icon"></span>
<img :src="image" v-else-if="image"> <img :src="image" v-else-if="image">
</slot> </slot>
</div> </div>
@ -32,11 +32,6 @@ export default {
default: "square" default: "square"
} }
}, },
methods: {
getIconClass() {
return ['p-avatar-icon', this.icon];
}
},
computed: { computed: {
containerClass() { containerClass() {
return ['p-avatar p-component', { return ['p-avatar p-component', {
@ -46,6 +41,9 @@ export default {
'p-avatar-lg': this.size === 'large', 'p-avatar-lg': this.size === 'large',
'p-avatar-xl': this.size === 'xlarge' 'p-avatar-xl': this.size === 'xlarge'
}]; }];
},
iconClass() {
return ['p-avatar-icon', this.icon];
} }
} }
} }