Initial commit

components/user.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { useUserStore } from "~/store/user.store";
+
+export interface Props {
+  id: string;
+}
+
+const userStore = useUserStore();
+const props = defineProps<Props>();
+
+const user = await userStore.fetchUser(props.id);
+</script>
+
+<template>
+  <div class="user">
+    <img loading="lazy" class="user-avatar"
+      :src="`https://cdn.discordapp.com/avatars/${user?.id}/${user?.avatar}.webp?size=32`" />
+    {{ user?.username }}
+  </div>
+</template>
+
+<style lang="css">
+div.user {
+  display: flex;
+  align-items: center;
+}
+
+img.user-avatar {
+  height: 32px;
+  border-radius: 50%;
+}
+</style>