tree rerender and removed scrollbars

Author: jeisele2

src/components/CodeSnippet.vue

@@ -122,4 +122,7 @@ export default {
 // resize handled by vue lifecycle methods
 .code-editor {
 }
+::-webkit-scrollbar {
+    display: none;
+}
 </style>

src/components/Tree.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <tree
-      :data="tree"
+      :data="computedTree"
       node-text="name"
       layoutType="euclidean"
       type="tree"
@@ -21,10 +21,11 @@ export default {
   },
   computed: {
     ...mapState(['componentMap']),
-    componentMap: {
-      get () {
-        return this.$store.state.componentMap
-      }
+    // getComponentMap () {
+    //   return this.$store.state.componentMap
+    // },
+    computedTree () {
+      return this.buildTree()
     }
   },
   data () {
@@ -34,6 +35,7 @@ export default {
   },
   methods: {
     formatComponentMap (compMap) {
+      console.log('compMap', compMap)
       let result = []
       Object.values(compMap).forEach(compData => {
         result.push({
@@ -62,14 +64,15 @@ export default {
     },
     buildTree () {
       let build = this.transformToTree(this.componentMap)
-      this.tree = build['App']
+      return build['App']
     }
   },
   mounted () {
     this.buildTree()
   }
 }
 </script>
+
 <style>
 .container {
   height: 100%;

src/css/app.styl

@@ -6,4 +6,4 @@ main {
   background: black;
   // background: rgb(22,108,105);
   // background: linear-gradient(36deg, rgba(22,108,105,1) 0%, rgba(20,32,23,1) 100%);
-}
+}

src/layouts/MyLayout.vue

@@ -73,4 +73,7 @@ export default {
   // background: white;
   background: #272822;
 }
+::-webkit-scrollbar {
+  display: none;
+}
 </style>