tidying up the merges

Author: chdavis0917

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

@@ -74,6 +74,7 @@ export default {
 </script>
 
 <script setup>
+// new script for Composition API
 import { computed, ref } from "vue";
 import { useStore } from "vuex";
 import VueMultiselect from "vue-multiselect";

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

@@ -9,6 +9,7 @@ Functionality includes: if active component is selected, will switch view to edi
 
 
 <script setup>
+// new script for Composition API
 import CreateMenu from './CreateMenu.vue';
 import UpdateMenu from './UpdateMenu.vue';
 import { computed } from "vue";

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

@@ -100,6 +100,7 @@ Description:
 </script>
 
 <script setup>
+// new script for Composition API
 import { useCreateComponent } from "../../composables/useCreateComponent.js";
 import { computed, ref, watch } from "vue";
 import { useStore } from "vuex";

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

@@ -40,7 +40,7 @@ Description:
 </script>
 
 <script setup>
-
+// new script for Composition API
 import { setSelectedElementList, deleteSelectedElement, deleteFromComponentHtmlList } from '../../../store/types'
 import { breadthFirstSearch } from '../../../utils/search.util'
 import { computed, ref, watch, defineProps } from "vue";
@@ -176,7 +176,7 @@ const renderList = computed({
 </script>
 
 <!-- <script>
-
+//old Options API script
 import { mapState, mapActions } from 'vuex'
 import { setSelectedElementList, deleteSelectedElement, deleteFromComponentHtmlList } from '../../../store/types'
 import { breadthFirstSearch } from '../../../utils/search.util'

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

@@ -37,7 +37,7 @@ export default {
 </script>
 
 <script setup>
-
+// new script for Composition API
 import { computed, ref, defineEmits } from "vue";
 import { useStore } from "vuex";
 
@@ -125,6 +125,7 @@ const changeState = (elementName) => {
 </script>
 
 <!-- <script>
+  //old Options API script
 import { mapState } from "vuex";
 
 export default {

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

@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-
+// new script for Composition API
 import { computed, defineProps } from "vue";
 import { useStore } from "vuex";
 import { useCreateComponent } from "../../composables/useCreateComponent.js";
@@ -349,6 +349,7 @@ const openVueFile = (data) => {
 </script>
 
 <!-- <script>
+// old Options API script
 const { fs, ipcRenderer } = window;
 import { useCreateComponent } from "../../composables/useCreateComponent.js";
 import { mapState, mapActions } from "vuex";

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

@@ -12,7 +12,7 @@ export default {
 </script>
 
 <script setup>
-
+// new script for Composition API
 import { computed } from "vue";
 import { useStore } from "vuex";
 

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

@@ -153,6 +153,7 @@
 </template>
 
 <script setup>
+// new script for Composition API
 import { computed, ref, watch, onMounted } from "vue";
 import { useStore } from "vuex";
 
@@ -337,6 +338,7 @@ const addBinding = (input, idNum) => {
 </script>
 
 <!-- <script>
+  //old Options API script
 import { mapState, mapActions } from 'vuex'
 export default {
   data () {