From 1b6f278620d2326d9061932984d1d6cd83d5c437 Mon Sep 17 00:00:00 2001
From: Enrique Hernandez <hernandeze2@xavier.edu>
Date: Tue, 16 Feb 2021 18:22:17 -0600
Subject: [PATCH] remove user-message event listener on ta dismount

---
 .../taInput/textDetails/textVisualizer.ts     | 26 ++++++++++++-------
 tests/server.js                               |  8 +++---
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/components/taInput/textDetails/textVisualizer.ts b/src/components/taInput/textDetails/textVisualizer.ts
index 86ed1cc..4b3c89c 100644
--- a/src/components/taInput/textDetails/textVisualizer.ts
+++ b/src/components/taInput/textDetails/textVisualizer.ts
@@ -1,14 +1,16 @@
-import { ref, computed, inject } from 'vue';
-import useTextInputAnims from "./textAnime";
-import { Ref } from "@/types/vueRef/index";
 /*
  * text rendering logic used by inputController
 */
+
+import { ref, computed, onMounted, onUnmounted } from 'vue';
+import useTextInputAnims from "./textAnime";
+import { Ref } from "@/types/vueRef/index";
+import useMitt from "@/modules/mitt";
+
 export default function useTextVisualizer(input: Ref<string>) {
     const inputHeight = ref(42);
     const inputWidth = ref(0);
-
-    const emitter: any = inject("mitt");
+    const { emitter } = useMitt();
     const { animateSend, verticalShiftInput, inputAppear } = useTextInputAnims();
 
     async function renderTextInput() {
@@ -32,10 +34,16 @@ export default function useTextVisualizer(input: Ref<string>) {
         }
     }
 
-    emitter.on("user-message", () => {
-        const inputEl = document.getElementsByClassName("inputContainer");
-        const foreignEl = inputEl[0] as HTMLElement;
-        animateSend(foreignEl, inputHeight.value, input);
+    onMounted(() => {
+        emitter.on("user-message", () => {
+            const inputEl = document.getElementsByClassName("inputContainer");
+            const foreignEl = inputEl[0] as HTMLElement;
+            animateSend(foreignEl, inputHeight.value, input);
+        });
+    });
+
+    onUnmounted(() => {
+        emitter.all.clear();
     });
 
     const textInputXoffset = computed(() => {
diff --git a/tests/server.js b/tests/server.js
index a83c122..9a2787d 100644
--- a/tests/server.js
+++ b/tests/server.js
@@ -8,10 +8,10 @@ wss.on("connection", function connection(ws, req) {
   ws.on("message", function incoming(message) {
 
     console.log(message)
-      if (message === 'no-token' || message === 'undefined') {
-          console.log('no token to authenticate');
-          ws.send('locked');
-      }
+    if (message === 'no-token' || message === 'undefined') {
+      console.log('no token to authenticate');
+      ws.send('success');
+    }
 
   });
 
-- 
2.43.0