modified the parentMultiselect file to allow users to search for component and have component appear in dropdown upon selection

Author: JojuOlaode

src/components/ParentMultiselect.vue

@@ -2,14 +2,15 @@
   <div id="parent-select">
     <br />
     <multiselect
+      v-model="value"
       placeholder="Parent Component"
       :multiple="false"
       :close-on-select="true"
       :options="options"
       @input="handleSelect"
       :max-height="150"
       :option-height="20"
-      :searchable="false"
+      :searchable="true"
     ></multiselect>
   </div>
 </template>
@@ -23,6 +24,9 @@ export default {
   components: {
     Multiselect
   },
+  data () {
+    return { value: '' }
+  },
   computed: {
     ...mapState([
       'routes',
@@ -46,6 +50,14 @@ export default {
       // Set parentSelected to true IF VALUE IS A VALID PARENT (not null)
       this.parentSelected(true)
     }
+  },
+  watch: {
+    componentMap: {
+      handler () {
+        // console.log('activeComponent has changed')
+        this.value = ''
+      }
+    }
   }
 }
 </script>