From 64c7f34f41eb2089b72333fff87b8a86e4ff5119 Mon Sep 17 00:00:00 2001
From: Lion Arar <lion@targointernet.com>
Date: Fri, 26 Sep 2025 11:26:40 -0400
Subject: [PATCH] feat: fixed the @keydown.enter function so that it actually
 works, previously it would not work properly

---
 src/modules/chatbot/components/conversation-box.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/modules/chatbot/components/conversation-box.vue b/src/modules/chatbot/components/conversation-box.vue
index d64332d..4e45e65 100644
--- a/src/modules/chatbot/components/conversation-box.vue
+++ b/src/modules/chatbot/components/conversation-box.vue
@@ -26,6 +26,15 @@ const sendMessage = async () => {
 
   text.value = '';
 }
+
+const handleEnter = async (e: KeyboardEvent) => {
+  if (e.shiftKey) {
+    text.value += '\n';
+  } else {
+    e.preventDefault();
+    await sendMessage();
+  }
+};
 </script>
 
 <template>
@@ -36,8 +45,8 @@ const sendMessage = async () => {
         <DialogueContent :messages="messages"></DialogueContent>
       </div>
       <q-form @submit="sendMessage" class="row chat-footer">
-        <q-input type="textarea" style="margin-right: 5px;" autogrow v-model="text" label="Enter a Message"
-          class="col" />
+        <q-input v-model="text" label="Enter a Message" autogrow class="col" style="margin-right: 5px;"
+          @keydown.enter="handleEnter" />
         <q-btn type="submit" :ripple="{ center: true }" color="primary" glossy label="Send"
           style="align-self: flex-end; width:60px; height:45px; margin-top: 8px; font-size: 14px;" class="col-2">
         </q-btn>