this.$set is not a function

[umang-gramener]

I was trying to implement this in my Vue app and I was facing this error.

Vue Version: 3

code

`< vue-multi-select
v-model="values1"
search
:options="options1"
:selectOptions="data1" />

<script> import vueMultiSelect from 'vue-multi-select'; import 'vue-multi-select/dist/lib/vue-multi-select.css'; export default { name: "FleetTab1", components: { vueMultiSelect }, data() { return { values1: [ { label: '2' }, { label: '3' }, ], data1: [{ title: 'part one', elements: [ { label: '0', disabled: true }, { label: '2' }, { label: '3' }, { label: '8' }, { label: '9' }, { label: '11' }, { label: '13' }, { label: '14' }, { label: '15' }, { label: '18' }, ], }, { title: 'part two', elements: [ { label: '23' }, { label: '25' }, { label: '31' }, { label: '42' }, { label: '56' }, { label: '76' }, { label: '82' }, { label: '42' }, { label: '13' }, { label: '21' }, ], }], options1: { multi: true, groups: true, labelName: 'label', labelList: 'elements', groupName: 'title', cssSelected: option => (option.selected ? { 'background-color': '#5764c6' } : ''), }, } } </script>`

[umang-gramener]

Stack trace

vue-multi-select.common.js?dcc6:3799 Uncaught (in promise) TypeError: this.$set is not a function
at Proxy.initValues (vue-multi-select.common.js?dcc6:3799)
at Proxy.init (vue-multi-select.common.js?dcc6:3789)
at Proxy.setConfig (vue-multi-select.common.js?dcc6:3765)
at Proxy.created (vue-multi-select.common.js?dcc6:3733)
at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:154)
at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?5c40:163)
at callSyncHook (runtime-core.esm-bundler.js?5c40:5957)
at applyOptions (runtime-core.esm-bundler.js?5c40:5888)
at finishComponentSetup (runtime-core.esm-bundler.js?5c40:6574)
at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6505)

[iNeoO]

Hi, this component is vue2 only sry

[umang-gramener]

Hi, this component is vue2 only sry

hey, ohh okayy. is there any library you are aware of doing all these things like select and deselect all for vue 3, i tried vue multiselect and also tried their slots but cant get reactive buttons and the dropdown closes

[iNeoO]

i didn t use any lib for vue3 atm sry