diff --git a/src/App.vue b/src/App.vue
index fc8863e..86ff86a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,39 +9,6 @@
         ></vue-navigation-bar>
       </div>
       <router-view />
-      <!-- <div v-show="jwt !== null">
-      <p>Returned JWT: {{jwt}}</p>
-      <p>
-        <a @click="logOut" href="#">Log Out</a>
-      </p>
-    </div>
-
-    <form class="form-signin" @submit.prevent="login" v-show="jwt == null">
-      <label for="inputUsername">Username</label>
-      &nbsp;
-      <input
-        v-model="username"
-        type="text"
-        id="inputUsername"
-        placeholder="Username"
-        required
-        autofocus
-      />
-      <br />
-      <br />
-      <label for="inputPassword">Password</label>
-      &nbsp;
-      <input
-        v-model="password"
-        type="password"
-        id="inputPassword"
-        placeholder="Password"
-        required
-      />
-      <p>
-        <input type="submit" value="Sign In" />
-      </p>
-    </form> -->
     </div>
     <Footer />
   </v-app>
@@ -71,31 +38,31 @@ export default {
         tooltipAnimationType: 'shift-away',
         menuOptionsRight: [
           {
-              type: 'link',
-              text: 'Projects',
-              subMenuOptions: [
-                  {
-                      type: 'link',
-                      text: 'Expedition',
-                      path: './expedition',
-                      iconLeft: '<i class="fa fa-user fa-fw"></i>'
-                  },
-                  {
-                      type: 'link',
-                      text: 'Collection',
-                      path: './collection',
-                      iconLeft: '<i class="fa fa-star fa-fw"></i>'
-                  },
-                  {
-                      type: 'hr'
-                  },
-                  {
-                      type: 'link',
-                      text: 'Exclusive',
-                      path: './exclusive',
-                      iconLeft: '<i class="fas fa-air-freshener" aria-hidden="true"></i>'
-                  }
-              ]
+            type: 'link',
+            text: 'Projects',
+            subMenuOptions: [
+              {
+                type: 'link',
+                text: 'Expedition',
+                path: './expedition',
+                iconLeft: '<i class="fa fa-user fa-fw"></i>'
+              },
+              {
+                type: 'link',
+                text: 'Collection',
+                path: './collection',
+                iconLeft: '<i class="fa fa-star fa-fw"></i>'
+              },
+              {
+                type: 'hr'
+              },
+              {
+                type: 'link',
+                text: 'Exclusive',
+                path: './exclusive',
+                iconLeft: '<i class="fas fa-air-freshener" aria-hidden="true"></i>'
+              }
+            ]
           },
           {
             type: 'link',
@@ -166,36 +133,35 @@ export default {
     logOut() {
       this.jwt = null;
       this.$toasted.global
-        .appSuccess( {
+        .appSuccess({
           message: "Locally Logged Out!"
-        } )
-        .goAway( 1200 );
+        })
+        .goAway(1200);
     },
 
     login() {
-      if ( this.$socket.disconnected ) {
+      if (this.$socket.disconnected) {
         this.$toasted.global
-          .appError( {
+          .appError({
             message: "You are not connected to the server!"
-          } )
-          .goAway( 1200 );
+          })
+          .goAway(1200);
       } else {
-        this.$socket.emit( "authenticate", {
-          data: JSON.stringify( {
+        this.$socket.emit("authenticate", {
+          data: JSON.stringify({
             username: this.username,
             password: this.password
-          } )
-        } );
+          })
+        });
       }
     },
-    vnbItemClicked( text ) {
-      if ( text === 'About' ) {
-        // alert("'About' was selected.");
+    vnbItemClicked(text) {
+      if (text === 'About') {
       }
     }
   },
   sockets: {
-    auth: function ( response ) {
+    auth: function (response) {
       this.jwt = response.jwt;
     }
   }
@@ -211,7 +177,7 @@ export default {
   width: 100%;
 
   #vue-navigation-bar {
-    margin-left:10px;
+    margin-left: 10px;
 
     div {
       > .vnb__popup__bottom ul li a {
@@ -272,10 +238,10 @@ div .main-navbar-section {
     }
   }
   &__popup {
-    &__top{
-      &__close-button{
-        &__image{
-          max-height: 30px!important;
+    &__top {
+      &__close-button {
+        &__image {
+          max-height: 30px !important;
           width: 30px;
         }
       }
diff --git a/src/components/AboutCard.vue b/src/components/AboutCard.vue
deleted file mode 100644
index 4784cc1..0000000
--- a/src/components/AboutCard.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div>
-    <button @click="changeTitle">Click Here</button>
-    <hr>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'app-header',
-  data() {
-    return {
-      age: '100'
-    }
-  },
-  methods: {
-    changeTitle() {
-      this.$emit("titleChanged", "子向父组件传值");
-    },
-  }
-}
-</script>
-
-<style>
-</style>
diff --git a/src/utils/components/index.js b/src/utils/components/index.js
index 0b896d9..38eb925 100644
--- a/src/utils/components/index.js
+++ b/src/utils/components/index.js
@@ -8,3 +8,12 @@ Vue.component('button-counter', {
   },
   template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
 })
+
+
+Vue.component("async-component", (resolve, reject) => {
+  setTimeout(() => {
+    resolve({
+      template: "<div>Async component ...</div>"
+    });
+  }, 1000);
+});
diff --git a/src/views/About.vue b/src/views/About.vue
index d5ec658..34960af 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -12,22 +12,18 @@
             <p>{{ profileDescription }}</p>
             <div class="calendar">Loading the data just for you.</div>
         </div>
-        <!-- <h2>{{title}}</h2> -->
-        <!-- <button @click="reset">Reset</button> -->
-        <!-- <AboutCard v-on:titleChanged="updateTitle" ref="comA"></AboutCard> -->
     </div>
 </template>
 
 <script>
 import BlockQuoteContent from '../components/BlockQuoteContent.vue';
 import GitHubCalendar from 'github-calendar';
-import AboutCard from "../components/AboutCard.vue"
 
 export default {
     props: {
       title: null
     },
-    components: { BlockQuoteContent, AboutCard },
+    components: { BlockQuoteContent },
     data: () => ({
         profileImage: require('@/assets/profile/profile.jpg'),
         profileDescription: `Shijie Zhou studies at University of California, San Diego in the Interdisciplinary Computer in Arts. He is also the member for design and construct web developer at the Worldview project organization. Currently, he is working in Akirix(MMSG department) with software engineer.
diff --git a/src/views/Consociation.vue b/src/views/Consociation.vue
index e510a9a..9a935ac 100644
--- a/src/views/Consociation.vue
+++ b/src/views/Consociation.vue
@@ -12,8 +12,6 @@
           :href="item.url"
           target="_blank"
         >
-          <!--          :src="require('@/assets' + item.img)"-->
-          <!--          :lazy-src="require('@/assets' + item.img)"-->
           <v-img
             :src="item.img"
             :lazy-src="item.img"
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1fc906f..173972f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,37 +1,6 @@
 <template>
-  <!-- <div id="hacker-list">
-        <input class="search" />
-        <span class="sort" data-sort="name">Sort by name</span>
-        <span class="sort" data-sort="city">Sort by city</span>
-
-        <ul class="list">
-            <li>
-                <h3 class="name">Jonny</h3>
-                <p class="city">Stockholm</p>
-            </li>
-            <li>
-                <h3 class="name">Jonas</h3>
-                <p class="city">Berlin</p>
-            </li>
-            <li>
-                <h3 class="name">ABC</h3>
-                <p class="city">Java</p>
-            </li>
-            <li>
-                <h3 class="name">ZED</h3>
-                <p class="city">Java</p>
-            </li>
-            <li>
-                <h3 class="name">Java</h3>
-                <p class="city">abc</p>
-            </li>
-        </ul>
-        <button @click="sort()">sort</button>
-    </div> -->
-
   <div id="home">
     <Prometheus :items="data" />
-    <!-- <BlogContainer :contents="this.mediumData" /> -->
   </div>
 </template>
 
@@ -66,20 +35,6 @@ export default {
       this.fetchConsociation();
     }
   }
-  // mounted() {
-  //     const options = {
-  //         valueNames: ['name', 'city']
-  //     };
-  //     hackerList = new List('hacker-list', options);
-  // },
-  // methods: {
-  //     add() {
-  //         hackerList.add({ name: 'Jonas', city: 'Berlin' });
-  //     },
-  //     sort() {
-  //         hackerList.sort('name', { order: 'asc' });
-  //     }
-  // }
 };
 </script>