SSE on words

components/user.vue

@@ -1,35 +1,34 @@
 <script setup lang="ts">
-import { fetchUser } from '~/service/user.service';
-import { useUserStore } from '~/store/user.store';
-
+import { useUserStore } from "~/store/user.store";
 
 export interface Props {
-    id: string;
+  id: string;
 }
 
 const userStore = useUserStore();
-const props = defineProps<Props>()
-
-const user = await userStore.fetchUser(props.id)
+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>
-
+  <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;
+  display: flex;
+  align-items: center;
 }
 
 img.user-avatar {
-    height: 32px;
-    border-radius: 50%;
+  height: 32px;
+  border-radius: 50%;
 }
-</style>
+</style>