fix TS issues

src/components/UI/UIDetails/messageItem.vue

@@ -75,7 +75,7 @@ export default defineComponent({
     const { textWrap } = useTextWrap();
     const { drawMessage, signatureTranslate } = useMessageItemAnims({
       mr: messageRect,
-      tr: messageText
+      tr: messageText,
     })
 
     // wraps message text before render

src/components/UI/UIDetails/messages.ts

@@ -1,11 +1,5 @@
-interface Message {
-  content: string;
-  signature: string;
-  outgoing: boolean;
-  modifier: string;
-  imgURL: string;
-  id: string;
-}
+import { Message } from "@/types/message/index";
+
 const Messages: Message[] = [
   {
     content:

src/components/UI/index.vue

@@ -49,7 +49,6 @@
           appear
           v-on:before-appear="beforeEnter"
           v-on:appear="enter"
-          v-on:appear-cancelled="leave"
         >
           <MessageItem
             :item="item"
@@ -85,25 +84,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, inject, onMounted, reactive } from "vue";
+import { defineComponent, ref, reactive } from "vue";
 import MessageItem from './UIDetails/messageItem.vue';
 import InputItem from "./UIDetails/inputItem.vue";
 import Messages from "./UIDetails/messages";
 import useUIindexAnims from "@/composables/anims/useUIindexAnims";
 export default defineComponent({
   name: 'UIindex',
-  components: { MessageItem, InputItem },
+  components: { MessageItem },
   setup() {
     const renderArr: Message[] = reactive([])
     const messages = Messages;
     const count = ref(0);
 
-    const { beforeEnter, enter, msgOffset } = useUIindexAnims();
+    const { beforeEnter, enter } = useUIindexAnims();
 
-    // TODO implemeant Undo animation
-    function leave() {
-
-    }
     const renderMessage = () => {
         if (count.value < messages.length) {
           renderArr.push(messages[count.value])
@@ -115,10 +110,8 @@ export default defineComponent({
     return {
         renderMessage,
         renderArr,
-        msgOffset,
         beforeEnter,
         enter,
-        leave
     }
   },
 });