strated to displaying falgcollection on the left of results

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

@@ -26,6 +26,7 @@ import router from 'vuejs/route'
 import VUserBlock from 'vuejs/components/Block/UserBlock'
 import VMainContent from 'vuejs/components/Content/MainContent'
 import VSearchBlock from 'vuejs/components/Block/SearchBlock'
+import VLeftContent from 'vuejs/components/Content/LeftContent'
 
 import { mapState } from 'vuex'
 
@@ -36,7 +37,7 @@ import 'theme/assets/styles/main.scss'
   const MaterioTheme = function () {
     let _v_sitebranding_block, _v_user_block, _v_header_menu,
       _v_pagetitle_block, _v_search_block,
-      _v_main_content
+      _v_main_content, _v_left_content
     const _is_front = drupalSettings.path.isFront
 
     console.log('drupalSettings', drupalSettings)
@@ -71,6 +72,7 @@ import 'theme/assets/styles/main.scss'
         initVHeaderMenu()
         initVMainContent()
         initVSearchBlock()
+        initVLeftContent()
       }
       initVUserBlock()
     }
@@ -268,7 +270,15 @@ import 'theme/assets/styles/main.scss'
         render: h => h(VSearchBlock, { props: { blockid: id, formhtml: formhtml } })
       }).$mount('#' + id)
     }
-
+    function initVLeftContent () {
+      const id = 'content-left'
+      const $leftContent = document.getElementById(id)
+      // in any case create the vue
+      _v_left_content = new Vue({
+        store,
+        render: h => h(VLeftContent, { props: { id: id } })
+      }).$mount('#' + id)
+    }
     init()
   } // end MaterioTheme()