From 9382162c78a2991804885c8a7e36b599f45d0038 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Sun, 18 Sep 2022 18:46:42 +0200
Subject: Component for user avatar

---
 components/UserAvatar.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 components/UserAvatar.vue

(limited to 'components/UserAvatar.vue')

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>
-- 
cgit v1.2.3-71-g8e6c

