Merge pull request #14 from ming-tsai/develop

chore: use my vue type component (#13)

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": {

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({

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 {

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>