drafted router with vue-router, drafted search results display page

web/themes/custom/materiotheme/vuejs/components/Content/MainContent.vue

@@ -1,18 +1,30 @@
 <template lang="html">
-  <div id="main-content" v-html="html"></div>
+  <div :id="id">
+    <router-view name="home" :html="html"></router-view>
+    <router-view name="base"></router-view>
+  </div>
 </template>
 
 <script>
 import { mapState, mapActions } from 'vuex'
 
+import router from 'vuejs/route'
+
 export default {
-  props:['html'],
-  computed: {
-    ...mapState({
-      token: state => state.User.token,
-      isloggedin: state => state.User.isloggedin
-    })
-  }
+  router,
+  props:['id','html']
+  // computed: {
+  //   ...mapState({
+  //     token: state => state.User.token,
+  //     isloggedin: state => state.User.isloggedin
+  //   })
+  // },
+  // beforeMount() {
+  //   console.log('MainContent beforeMount this.html', this.html);
+  // },
+  // mounted() {
+  //   console.log('MainContent this.$router', this.$router);
+  // }
 }
 </script>