rename quick to util

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

@@ -0,0 +1,27 @@
+<script setup>
+import { useMessagesStore } from "@/stores/messages";
+
+const messagesStore = useMessagesStore();
+const messages = computed(() => messagesStore.messages);
+
+onMounted(() => {
+    messagesStore.connect();
+});
+onUnmounted(() => {
+    messagesStore.disconnect();
+});
+</script>
+
+<template>
+    <div>
+        <div class="flex flex-col">
+            <p v-for="message in messages" :key="message.id">
+                {{ message.content }}
+            </p>
+        </div>
+        <div class="flex flex-row">
+            <input v-model="messageInput" @keyup.enter="sendMessage" />
+            <button @click="sendMessage">Send</button>
+        </div>
+    </div>
+</template>