Bug fix: Code snippet not importing children correctly. Main fixes in CodeSnippet.vue

Author: Shanon Lee

src/components/ComponentDisplay.vue

@@ -72,7 +72,7 @@ Description:
     <div>
       <q-dialog v-model="modalOpen">
         <q-select
-          @input="handleSelect"
+          @select="handleSelect"
           id="dropdown"
           filled
           v-model="testModel"
@@ -349,7 +349,6 @@ export default {
         this.setActiveComponent(componentData.componentName);
       }
       this.activeComponentData.isActive = true;
-
     },
     // deactivated is emitted before activated
     onDeactivated() {

src/components/dashboard_items/CodeSnippet.vue

@@ -54,10 +54,15 @@ export default {
     ...mapState(['componentMap', 'activeComponent', 'activeComponentObj']),
     code: function() {
       let computedCode = 'Your component boilerplate will be displayed here.'
+      // if (this.activeComponent) {
+      //   computedCode = this.createCodeSnippet(
+      //     this.activeComponentObj.componentName,
+      //     this.activeComponentObj.children
+      //   )
       if (this.activeComponent) {
         computedCode = this.createCodeSnippet(
-          this.activeComponentObj.componentName,
-          this.activeComponentObj.children
+          this.componentMap[this.activeComponent].componentName,
+          this.componentMap[this.activeComponent].children
         )
       }
       return computedCode
@@ -164,8 +169,6 @@ export default {
     },
     // Creates boiler text for <script> and <style>
     createBoiler (componentName, children) {
-      console.log('CreateBoiler componentName: ' + componentName)
-      console.log('CreateBoiler children: ' + children)
       // add import mapstate and mapactions if they exist
       let imports = ''
       if (

src/components/dashboard_items/Tree.vue

@@ -155,7 +155,6 @@ export default {
     componentMap: {
       deep: true,
       handler() {
-        console.log(this.$store.state.activeComponent)
         this.buildTree();
       },
     },

src/components/home_sidebar_items/ComponentTab/EditDeleteComponents.vue

@@ -36,7 +36,7 @@ Description:
       <VueMultiselect
         v-model="testModel"
         placeholder="Add/Remove Children"
-        :multiple="false"
+        multiple
         :close-on-select="true"
         :options="childOptions"
         @select="handleAddChild"
@@ -280,7 +280,6 @@ export default {
       if (componentData) {
         this.setActiveComponent(componentData.componentName);
         this.activeComponentData.isActive = true;
-        console.log('onActivated Triggered')
       }
     },
     //
@@ -312,7 +311,6 @@ export default {
 
     // Select active component from multi-select input
     handleSelect(componentName) {
-      console.log('handleSelect ' + componentName)
       this.setActiveComponent(componentName);
       this.value = "";
       this.activeComponentData.isActive = true;

src/store/mutations.js

@@ -632,7 +632,6 @@ const mutations = {
       // add block
     } else {
       const child = payload.filter(el => !temp.includes(el))
-      // console.log('child added', child)
       state.componentMap[state.activeComponent].children = payload
       state.componentMap[state.activeRoute].children = state.componentMap[state.activeRoute]
         .children.filter(el => !payload.includes(el))