feat : working UI for words

components/user.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { fetchUser } from '~/service/user.service';
+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 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>