fix ts error + animejs import

src/components/UI/index.vue

@@ -91,9 +91,10 @@ import Messages from "./UIDetails/messages";
    name: 'UIindex',
    // components: { MessageItem },
    setup() {
-       const anime = inject('animejs');
+
-       const timeline = anime.timeline({ loop: true });
+       const anime: object | any = inject('animejs');
-       const renderArr = ref([]);
+       const timeline: typeof anime = anime.timeline({ loop: true });
+       const renderArr: Message[] = [];
        const messages = Messages;
        const messageOffset = {
            x: null,
@@ -101,21 +102,19 @@ import Messages from "./UIDetails/messages";
        }
        const renderMsg = (i: number) => {
          setTimeout(() => {
-           renderArr.value.push(messages[i]);
+           renderArr.push(messages[i]);
          }, 2000);
        }
        const runAnim = () => {
-         this.messages = Messages;
+         for (let i = 0; i < messages.length; i++) {
-         for (let i = 0; i < this.messages.length; i++) {
              renderMsg(i);
          }
        }
        onMounted(() => {
-         // runAnim();
+           runAnim();
-         console.log(messages);
        });
        return {
-           timeline,
+           // timeline,
            renderArr,
            messageOffset
        }

src/main.ts

@@ -2,8 +2,7 @@ import { createApp, provide, inject } from "vue";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
-
+import anime from "animejs";
-import anime from "animejs/lib/anime.es.js";
 
 createApp(App)
   .use(store)

src/shims-vue.d.ts

@@ -4,4 +4,17 @@ declare module "*.vue" {
   export default component;
 }
 
-declare module "animejs/lib/anime.es.js";
+// declare module "anime-js" {
+//   import * as anime from "animejs/lib/anime.es.js";
+//   function anime(): void;
+//   export = anime;
+// }
+
+interface Message {
+  content: string;
+  signature: string;
+  outgoing: boolean;
+  modifier: string;
+  imgURL: string;
+  id: string;
+}