fix ts error + animejs import

diff --git a/src/components/UI/index.vue b/src/components/UI/index.vue
index 7b9b1faa12b96e25f31405320c3f73a0780a2f0d..b62d09b223e1c838e94ff28321219a2f761e8327 100644 (file)
--- a/src/components/UI/index.vue
+++ b/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 renderArr = ref([]);
+
+       const anime: object | any = inject('animejs');
+       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 < this.messages.length; i++) {
+         for (let i = 0; i < messages.length; i++) {
              renderMsg(i);
          }
        }
        onMounted(() => {
-         // runAnim();
-         console.log(messages);
+           runAnim();
        });
        return {
-           timeline,
+           // timeline,
            renderArr,
            messageOffset
        }

diff --git a/src/main.ts b/src/main.ts
index bb65161470da4557369d8da9e2056ec71ce18734..325b85c987a4a170ff511e8361871ce53984491a 100644 (file)
--- a/src/main.ts
+++ b/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/lib/anime.es.js";
+import anime from "animejs";
 
 createApp(App)
   .use(store)

diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 04b9f5650979bf23c77f043263ec8e1f23b4e012..b2f593ae933c8ef47198836f012d9eac5c5a893a 100644 (file)
--- a/src/shims-vue.d.ts
+++ b/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;
+}