Merge branch 'pinia' of https://github.com/oslabs-beta/OverVue into ji-pinia

Author: Ji Kim

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

@@ -33,14 +33,10 @@
         @click="addStateToComp"
       />
     </div>
-    <p v-if="!this.componentMap[this.activeComponent].state.length">
+    <p v-if="!componentMap[activeComponent].state.length">
       No state in component
     </p>
-    <a
-      v-else
-      v-for="state in this.componentMap[this.activeComponent].state"
-      :key="state"
-    >
+    <a v-else v-for="state in componentMap[activeComponent].state" :key="state">
       <q-list class="list-item" dense bordered separator>
         <q-item clickable v-ripple class="list-item">
           <q-item-section>

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

@@ -191,9 +191,6 @@ const activeRouteDisplay = computed(() => routes.value[activeRoute.value]);
 const activeComponentData = cloneDeep(activeComponentObj.value);
 
 const options = computed(() => {
-  console.log("activeComponentObj is ", activeComponentObj)
-  console.log("activeComponentObj.value is ", activeComponentObj.value)
-  console.log("activeComponentObj.value.componentName is ", activeComponentObj.value.componentName)
   if (activeComponent.value !== "") {
     newName.value = activeComponentObj.value.componentName;
     childrenSelected.value = [];

src/components/right-sidebar/Tree.vue

@@ -156,7 +156,6 @@ function buildTreeChildren(array) {
       }
       outputArray.push(outputObj);
     });
-    console.log("outputArray is ", outputArray)
     return outputArray;
   }
 }
@@ -168,10 +167,7 @@ treeData.value = buildTree(componentMap.value);
 watch(
   componentMap,
   () => {
-    console.log("Inside of watch: Tree componentMap is ", componentMap.value);
-    console.log("Inside of watch: Tree activeComponent is ", activeComponent.value);
     treeData.value = buildTree(componentMap.value);
-    console.log("Inside of watch: Tree treeData.value is ", treeData.value)
   },
 
   { deep: true }

src/store/actions.js

@@ -171,11 +171,10 @@ const actions = {
   addStateToComponent(payload) {
     const active = this.componentMap[this.activeComponent];
 
-    if (!this.activeComponentObj.state) this.activeComponentObj.state = payload;
+    if (!active.state) active.state = payload;
     else {
       for (const s of payload) {
-        if (this.activeComponentObj.state.includes(s))
-          this.activeComponentObj.state.push(s);
+        if (!active.state.includes(s)) active.state.push(s);
       }
     }