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

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 
 import store from 'vuejs/store'
+import router from 'vuejs/route'
 
 import VUserBlock from 'vuejs/components/Block/UserBlock'
 import VMainContent from 'vuejs/components/Content/MainContent'
@@ -15,7 +16,7 @@ import 'theme/assets/styles/main.scss'
 
   var MaterioTheme = function(){
 
-    var _v_user_block, _v_main_content, _v_search_block;
+    var _v_sitebranding_block, _v_user_block, _v_main_content, _v_search_block;
     var _is_front = drupalSettings.path.isFront;
 
     console.log('drupalSettings', drupalSettings);
@@ -30,11 +31,26 @@ import 'theme/assets/styles/main.scss'
     }
 
     function initVues(){
+      initVSiteBrandingBlock()
       initVUserBlock()
       initVMainContent()
       initVSearchBlock()
     }
 
+    function initVSiteBrandingBlock(){
+      _v_sitebranding_block = new Vue({
+        store,
+        router,
+        el: '#block-sitebranding',
+        methods: {
+          onclick(){
+            console.log("Clicked on logo");
+            this.$router.push({name:'home'})
+          }
+        }
+      })
+    }
+
     function initVUserBlock(){
       let mount_point = drupalSettings.user.uid !== 0 ? 'block-userblock' : 'block-userlogin';
       let props = {
@@ -72,13 +88,14 @@ import 'theme/assets/styles/main.scss'
     }
 
     function initVMainContent(){
-      let $main_content = document.querySelector('#main-content')
+      let id = "main-content"
+      let $main_content = document.querySelector('#'+id)
       // console.log('main-content', $main_content);
       let main_html = $main_content.innerHTML
       _v_main_content = new Vue({
         store,
-        render: h => h(VMainContent, {props:{html:main_html}})
-      }).$mount('#main-content')
+        render: h => h(VMainContent, {props:{id:id, html:main_html}})
+      }).$mount('#'+id)
       // console.log('initTestVContent', v_test_content);
     }