hardcoded A div

Author: LOLDragoon

src/components/CodeSnippet.vue

@@ -59,6 +59,9 @@ export default {
       let templateTagStr = this.writeTemplateTag(componentName);
       return `<template>\n ${output}${templateTagStr}  </div>\n</template>`;
     },
+
+    // We need a helper function to recursively iterate through the given html element's children and their children's children.
+
     writeTemplateTag(componentName) {
       // console.log('writeTemplateTag invoked!')
       // create reference object

src/store/state/index.js

@@ -2,6 +2,28 @@ import icons from './icons'
 import htmlElementMap from './htmlElementMap'
 const cloneDeep = require('lodash.clonedeep')
 
+let hardA = {
+  componentName: "a",
+  x: 0,
+  y: 20,
+  z: 0,
+  w: 200,
+  h: 200,
+  htmlList: [{
+    children:[{
+      children:[],
+      text:'form'
+    }],
+    text: "div"
+  }],
+  children: [],
+  parent: {},
+  isActive: false
+}
+
+
+
+
 const newState = {
   icons,
   htmlElementMap,
@@ -15,13 +37,14 @@ const newState = {
     },
     HomeView: {
       componentName: 'HomeView',
-      children: [],
+      children: ['a'],
       htmlList: []
-    }
+    },
     // NewView: {}
+    a: hardA
   },
   routes: {
-    HomeView: []
+    HomeView: [hardA]
     // NewView: []
   },
   userActions: [],