From 02bdd55f3e361284c9ef5190a81355c4adc9d948 Mon Sep 17 00:00:00 2001
From: Ming Tsai <37890026+ming-tsai@users.noreply.github.com>
Date: Sat, 20 Jun 2020 12:36:12 -0400
Subject: [PATCH] chore: use my vue type component (#13)

---
 package-lock.json       | 18 +++++-------------
 package.json            |  4 ++--
 src/main.ts             |  4 ++--
 src/views/Home/Home.ts  |  4 ----
 src/views/Home/Home.vue |  9 ++-------
 5 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ac9e293..41d757b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "dotnetexplorer",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -9029,11 +9029,6 @@
       "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
       "dev": true
     },
-    "lodash.split": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.split/-/lodash.split-4.4.2.tgz",
-      "integrity": "sha1-p/e9nzeWi5MSQo4vOsP7MXPEw8Y="
-    },
     "lodash.transform": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/lodash.transform/-/lodash.transform-4.6.0.tgz",
@@ -13671,13 +13666,10 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
-    "vue-typer": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/vue-typer/-/vue-typer-1.2.0.tgz",
-      "integrity": "sha512-o0n2F9yOnbdQak1OiPFbZonIzysL5jiS1OPgaEX0KnMlKqXRKi808QHRdoMuqw44oYQM/vtxCt3AaNb9OzKH1Q==",
-      "requires": {
-        "lodash.split": "^4.4.2"
-      }
+    "vue-type-text": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/vue-type-text/-/vue-type-text-0.1.2.tgz",
+      "integrity": "sha512-R52JL7OT5KY/4cHEnvp+8RTbysaknIr3Kvuzefri4hpnt3s3hdZhpa2d0OBY0R4J+qRDVto5KSkoh5/rviGLzg=="
     },
     "vuex": {
       "version": "3.4.0",
diff --git a/package.json b/package.json
index 7eb7d17..f73ac08 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dotnetexplorer",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -21,7 +21,7 @@
     "vue-class-component": "^7.2.3",
     "vue-property-decorator": "^8.4.2",
     "vue-router": "^3.2.0",
-    "vue-typer": "^1.2.0",
+    "vue-type-text": "^0.1.2",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
diff --git a/src/main.ts b/src/main.ts
index e97e0b4..a6cea27 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,7 +9,7 @@ import Buefy from "buefy";
 import "buefy/dist/buefy.css";
 
 import Clipboard from "v-clipboard";
-
+import VueTypeText from "vue-type-text";
 // Icon components
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { library } from "@fortawesome/fontawesome-svg-core";
@@ -29,7 +29,7 @@ Vue.use(Buefy, {
 });
 
 Vue.use(Clipboard);
-
+Vue.use(VueTypeText);
 // Vue setting
 Vue.config.productionTip = false;
 new Vue({
diff --git a/src/views/Home/Home.ts b/src/views/Home/Home.ts
index 31a6c34..1a28250 100644
--- a/src/views/Home/Home.ts
+++ b/src/views/Home/Home.ts
@@ -2,7 +2,6 @@ import { Component, Vue } from "vue-property-decorator";
 import { namespace } from "vuex-class";
 import { optionsFirst, optionsSecond, optionsThird } from "@/data/index";
 import { Option } from "@/data/option";
-const VueTyper = require("vue-typer").VueTyper;
 const theme = namespace("Theme");
 @Component({
   data() {
@@ -11,9 +10,6 @@ const theme = namespace("Theme");
       optionsSecond,
       optionsThird
     };
-  },
-  components: {
-    VueTyper
   }
 })
 export default class Home extends Vue {
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index 498e0d6..825b08c 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -64,11 +64,7 @@
               class="has-text-weight-medium is-family-code column"
               style="padding-left: 0px;"
             >
-              <vue-typer
-                :text="selectedUsage"
-                :repeat="0"
-                :typeDelay="1"
-              ></vue-typer>
+              <vue-type-text :text="selectedUsage" :timeTakes="3000" />
             </div>
             <div class="column is-1 is-vcentered">
               <a
@@ -90,8 +86,7 @@
               class="has-text-weight-medium is-family-code"
               style="padding-left: 0px;"
             >
-              <vue-typer :text="selectedNote" :repeat="0" :typeDelay="1">
-              </vue-typer>
+              <vue-type-text :text="selectedNote" :timeTakes="3000" />
             </div>
           </div>
         </div>