v-binding to child's child-deleted repetitive code

Author: jchan444

src/components/left-sidebar/ComponentTab/Icons.vue

@@ -67,7 +67,6 @@ export default {
         //show the badge for all nested children arrays
         const checkChild = array => {
           for (let html of array) {
-            console.log(html)
             if (html.children.length) {
               checkChild(html.children)
             } else {

src/components/right-sidebar/CodeSnippet.vue

@@ -222,7 +222,6 @@ export default {
       children.forEach((name) => {
         childrenComponentNames += `    ${name},\n`;
       });
-      console.log("lets look at data", this.componentMap[this.activeComponent])
       // if true add data section and populate with props
       let data = "";
       if (this.componentMap[this.activeComponent].props.length) {
@@ -235,13 +234,21 @@ export default {
         data += "  },\n";
       }
       const htmlBinding = this.componentMap[this.activeComponent].htmlList
-
       data += "  data() {\n    return {\n"
       htmlBinding.forEach(el => {
         if (el.binding !== '') {
           data += `      "${el.binding}": "PLACEHOLDER FOR VALUE", `
           data += '\n'
         }
+        //checks if there is binding in it's html child's child and will add to code snippet
+        if (el.children.length !== 0) {
+          el.children.forEach( el1 => {
+            if(el1.binding !== '') {
+              data += `      "${el1.binding}": "PLACEHOLDER FOR VALUE", `
+              data += '\n'
+            }
+          })
+        }
       })
       data += `    }`
       data += ` \n  },  \n `

src/components/right-sidebar/HTMLQueue.vue

@@ -60,15 +60,6 @@ Description:
           </ul>
         </div>
 
-<!--attribute child's child-->
-        <div class="AttributeContainer" v-for="element in this.componentMap[this.activeComponent].htmlList"
-          :key="element.id + Date.now()">
-          <ul v-for="element1 in element.children"
-          :key="element1.id + Date.now()">
-            <li v-if="element1.id === this.activeHTML">Your class is - {{ element1.class }}</li>
-          </ul>
-        </div>
-
         <div class="formBox">
           <q-form autofocus v-on:submit.prevent="submitClass">
             <p class="title">Add Class Name:</p>