From: riqo <hernandeze2@xavier.edu>
Date: Sat, 10 Oct 2020 14:55:20 +0000 (-0500)
Subject: fix ts error + animejs import
X-Git-Tag: v0.9~143^2~2^2~6
X-Git-Url: https://andrewgundersen.net/repos?a=commitdiff_plain;h=a9025943107e771bcfa7774f1c7fc567fadfb768;p=mime-chat

fix ts error + animejs import
---

diff --git a/src/components/UI/index.vue b/src/components/UI/index.vue
index 7b9b1fa..b62d09b 100644
--- 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 bb65161..325b85c 100644
--- 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 04b9f56..b2f593a 100644
--- 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;
+}