fix: allow dynamically loading selectable options

src/Multiselect.vue

@@ -50,7 +50,7 @@
     >
       <ul :class="classList.options" data-cy="optionList">
         <li
-            v-for="(option) in shownOptions"
+            v-for="(option) in selectOptions"
             :key=option.value
             :class="classList.option(option)"
             data-cy="option"

src/utils/useOptions.ts

@@ -1,15 +1,13 @@
 import Option from "../types/option.type";
 import _ from "lodash";
-import {computed, ref, toRefs, watch} from "vue";
+import {computed, toRefs, watch} from "vue";
 
 export default function useOptions(props: any, context: any, dependencies: any) {
-    const {selectOptions, closeOnSelect, multiple} = toRefs(props)
+    const {closeOnSelect, multiple} = toRefs(props)
 
     const selectedValues = dependencies.selectedValues
     const closeDropdown = dependencies.closeDropdown
 
-    const shownOptions = ref<Option[]>(selectOptions.value)
-
     const selectedOptions = computed<Option | Option[]>(() => {
         let selected = []
         for (const option of props.selectOptions) {
@@ -102,7 +100,6 @@ export default function useOptions(props: any, context: any, dependencies: any)
 
     return {
         selectedOptions,
-        shownOptions,
         isSelected,
         handleOptionClick
     }