chore: clean up Message component instancing in MessageArea

This commit is contained in:
Twig 2025-08-11 22:31:33 +02:00
parent 2d8516885d
commit 8a77cb9a1d
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU

View file

@ -1,14 +1,12 @@
<template> <template>
<div id="message-area"> <div id="message-area">
<div id="messages" ref="messagesElement"> <div id="messages" ref="messagesElement">
<Message v-for="(message, i) of messages" :username="getDisplayName(message.member.user)" :key="message.uuid" <Message v-for="(message, i) of messages" :key="message.uuid"
:text="message.message" :timestamp="messageTimestamps[message.uuid]" :img="message.member.user.avatar"
:format="timeFormat" :type="messagesType[message.uuid]"
:margin-bottom="(messages[i + 1] && messagesType[messages[i + 1].uuid] == 'normal') ?? false"
:last="i == messages.length - 1" :message-id="message.uuid" :author="message.member" :me="me"
:message="message" :is-reply="message.reply_to" :message="message" :is-reply="message.reply_to"
:author-color="`${generateIrcColor(message.member.user.uuid)}`" :reply-message="message.reply_to ? getReplyMessage(message.reply_to) : undefined"
:reply-message="message.reply_to ? getReplyMessage(message.reply_to) : undefined" /> :type="messagesType[message.uuid]"
:editing="false"
:is-mentioned="false" />
</div> </div>
<div id="message-box" class="rounded-corners"> <div id="message-box" class="rounded-corners">
<form id="message-form" @submit="sendMessage"> <form id="message-form" @submit="sendMessage">