fixed issue with deprecated slot attribute on span element in ParentMultiselect.vue

Co-authored-by: Kerolos Nesem <[email protected]>
Co-authored-by: Megan Nadkarni <[email protected]>
Co-authored-by: Julia Bakerink <[email protected]>

Author: MrBeeAreWhy

package.json

@@ -39,7 +39,7 @@
     "quasar": "^2.5.5",
     "quasar-dotenv": "^1.0.5",
     "vue-draggable-resizable": "^2.3.0",
-    "vue-multiselect": "^3.0.0-alpha.1",
+    "vue-multiselect": "^3.0.0-alpha.2",
     "vue-prism-editor": "^2.0.0-alpha.2",
     "vue3-tree": "^0.11.0",
     "vued3tree": "^5.1.0",

src/components/home_sidebar_items/ComponentTab/ComponentActions.vue

@@ -22,7 +22,6 @@
         :searchable="false"
         @search-change="stopDelete($event)"
       >
-        <span slot="noResult">No actions found.</span>
       </VueMultiselect>
       <br />
       <q-btn

src/components/home_sidebar_items/ComponentTab/ComponentState.vue

@@ -22,7 +22,7 @@
         :searchable="false"
         @search-change="stopDelete($event)"
       >
-        <span slot="noResult">No state found.</span>
+      
       </VueMultiselect>
       <br />
       <q-btn

src/components/home_sidebar_items/ParentMultiselect.vue

@@ -19,8 +19,9 @@ Description:
       :option-height="20"
       :searchable="true"
     >
+     <template v-slot:noResult>No components found.</template>
+      <!-- <slot name="noResult">Hello world</slot> -->
       <!-- refactor slot syntax here -->
-      <span slot="noResult">No components found.</span>
     </VueMultiselect>
   </div>
 </template>