remove user-message event listener on ta dismount

diff --git a/src/components/taInput/textDetails/textVisualizer.ts b/src/components/taInput/textDetails/textVisualizer.ts
index 86ed1ccebd5e1b5e934b088d0a6aa41a47bfe64c..4b3c89c37cc7c8c5d5a2f6ccea899dad349eff5e 100644 (file)
--- 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 a83c1228789173e4c94936965f4ec8a3ae13cabf..9a2787dc9ba9a58b9c21f65233c20b64992babeb 100644 (file)
--- 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');
+    }
 
   });