trying to fix freeze bug

src/views/messenger.vue

@@ -11,6 +11,7 @@
 
 <script lang="ts">
 import { defineComponent, onMounted, onUnmounted } from "vue";
+import { RenderMessage } from "@/types/message/index";
 import MessageItem from "@/components/messageItem.vue";
 import InputItem from "@/components/inputItem/inputItem.vue";
 import Settings from "@/components/settings.vue";
@@ -29,14 +30,27 @@ export default defineComponent({
     const { emitter } = useMitt();
     const { messages, addMessage, updateMessage } = useMessages();
 
+    // Reference to previous message for grouping purposes.
+    let prevMessage: RenderMessage;
+
     const onRenderMessage = (_event: any, payload: any) => { 
+      const message = payload.message; // cleaner
 
       // render message if there is content.
-      if (payload.message.content) {
-        addMessage(payload.message);
-      } else {
-        // must be an annotation, update message.
-        updateMessage(payload.message);
+      if (message.content) {
+        addMessage(message);
+      } 
+
+      // must be an annotation, update message.
+      else {
+        updateMessage(message);
+      }
+
+      // Also want to check if message should be grouped.
+      // Message context and modifier needs to be same as previous message while also having close times (20s).
+      if (message.time < prevMessage.time + 20000 && message.context == prevMessage.context && message.modifier == prevMessage.modifier) {
+
+        prevMessage.isChild = true;
       }
 
     }