routes and their children can now be deleted

Author: AP

src/components/Tree.vue

@@ -62,9 +62,7 @@ export default {
       return result
     },
     buildTree () {
-      console.log('this map', this.componentMap)
       let build = this.transformToTree(this.componentMap)
-      console.log('build', build)
       return build['App']
     }
   }

src/store/mutations.js

@@ -361,20 +361,21 @@ const mutations = {
     state.parentSelected = payload
   },
   [types.DELETE_ROUTE]: (state, payload) => {
-    // const deleteChildren = (children) => {
-    //   console.log('children', children.children)
-    //   children.children.forEach((child) => {
-    //     if (!state.componentMap[child].children.length) delete state.componentMap[child];
-    //     else deleteChildren(child);
-    //   });
-    // }
-
-    // deleteChildren(state.routes[payload])
+    const deleteChildren = (child) => {
+        if (state.componentMap[child.componentName].children.length) {
+          child.children.forEach((grandchild) => {
+            deleteChildren(grandchild)
+          })
+        }
+        delete state.componentMap[child.componentName]
+    }
+    state.routes[payload].forEach((child => {
+      deleteChildren(child)
+    }))
 
-    // const stateCopy = state
     delete state.routes[payload]
     delete state.componentMap[payload]
-    // state = stateCopy
+
     state.componentMap.App.children = state.componentMap.App.children.filter((route) => {
       return route !== payload;
     })