init

frontend/src/pages/server/channel/index.vue

@@ -4,6 +4,7 @@ import {computed, nextTick, onMounted, ref, watch} from 'vue';
 import {useRoute} from 'vue-router';
 import {storeToRefs} from 'pinia';
 import {useMessageStore} from '@/stores/message';
+import {useUserStore} from "@/stores/user.ts";
 
 const props = defineProps<{
   serverId: string
@@ -14,6 +15,7 @@ const channelId = computed(() => props.channelId);
 
 const route = useRoute();
 const messageStore = useMessageStore();
+const userStore = useUserStore();
 
 // Référence vers l'élément scrollable
 const messageContainer = ref<HTMLElement | null>(null);
@@ -94,7 +96,7 @@ watch(messages, () => {
           </template>
 
           <v-list-item-title class="d-flex align-center">
-            <span class="font-weight-bold text-subtitle-1 mr-2">{{ msg.user_id }}</span>
+            <span class="font-weight-bold text-subtitle-1 mr-2">{{ userStore.usersById[msg.user_id]?.username }}</span>
             <span class="text-caption text-grey">{{ msg.created_at }}</span>
           </v-list-item-title>