Quasar supplies a chat component called QChatMessage which is really a chat entry that renders the data given by the props.
To mix messages with avatar and without avatar in the same thread, use a placeholder avatar image.
/* * No installation step is necessary. * It gets installed by default by @quasar/app v2+. */
Using the property
sent is intended for the sender of the chat message. The other side is for received messages.
Always sanitize values if you do not trust the origin (if the value comes from user input).