Fix up live chat

nginx/vue/src/components/util/Chat.vue

@@ -1,9 +1,18 @@
 <script setup>
+import { ref, computed, onMounted, onUnmounted } from "vue";
 import Button from "@/components/input/Button.vue";
 import { useMessagesStore } from "@/stores/messages";
 
 const messagesStore = useMessagesStore();
 const messages = computed(() => messagesStore.messages);
+const messageInput = ref("");
+
+function sendMessage() {
+    const text = messageInput.value.trim();
+    if (!text) return;
+    messagesStore.sendMessage(text);
+    messageInput.value = "";
+}
 
 onMounted(() => {
     messagesStore.connect();
@@ -17,7 +26,7 @@ onUnmounted(() => {
     <div>
         <div class="flex flex-col">
             <p v-for="message in messages" :key="message.id">
-                {{ message.content }}
+                {{ message.text }}
             </p>
         </div>
         <div class="flex flex-row">