diff options
Diffstat (limited to 'components/UserAvatar.vue')
-rw-r--r-- | components/UserAvatar.vue | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/components/UserAvatar.vue b/components/UserAvatar.vue new file mode 100644 index 0000000..4d45ee0 --- /dev/null +++ b/components/UserAvatar.vue @@ -0,0 +1,20 @@ +<template lang="pug"> + div(v-if="data") + img.h-8.w-8.rounded-full(v-if="data.avatar" :src="baseAPI+''+data.avatar" alt="Avatar") + span.h-8.w-8.rounded-full.bg-white.pt-1(v-else) {{ data.username[0] }} +</template> + +<script> +export default { + name: "UserAvatar", + props: ["data"], + data() { + return { + baseAPI: "", + }; + }, + created() { + this.baseAPI = this.$config.api; + }, +}; +</script> |