14 lines
696 B
TypeScript
14 lines
696 B
TypeScript
import { render } from "vue";
|
|
import MessageReply from "~/components/UserInterface/MessageReply.vue";
|
|
import type { MessageProps } from "~/types/props";
|
|
|
|
export default (element: HTMLDivElement, props: MessageProps) => {
|
|
console.log("element:", element);
|
|
const messageBox = document.getElementById("message-box") as HTMLDivElement;
|
|
if (messageBox) {
|
|
const div = document.createElement("div");
|
|
const messageReply = h(MessageReply, { author: props.author?.display_name || props.author!.username, text: props.text || "", id: props.message.uuid, replyId: props.replyMessage?.uuid || element.dataset.messageId!, maxWidth: "full" });
|
|
messageBox.prepend(div);
|
|
render(messageReply, div);
|
|
}
|
|
}
|