Is this compatible with the new composition API?

[brdhunga]

Is this compatible with the new composition API?

[abhimediratta]

I haven't tried with the composition API, but I can take a look at it this weekend and then get back to you.

[abhimediratta]

I'm working on a new version for Vue 3, so this is coming soon.

[limbyungki]

i'm waiting new version for Vue 3.

[abhimediratta]

It's already in this branch migrate/vue-3, but just needs some more testing and then release it to npm

[WisdomSky]

it's still not out? what a waste.
It doesn't work on vue3.

[abhimediratta]

@WisdomSky I haven't got the time to work on it. Feel free to use that branch though.

[cams03]

Hello ! does this work with vue3 ? Thanks !

[abhimediratta]

This version 1.0.0-0 works with Vue 3. It has just been released.

[cams03]

This version 1.0.0-0 works with Vue 3. It has just been released.

ok I tried to use in my code but then I have this error in my window 👍

I ran npm install --save vue-multiselect-listbox
imported it in my component : import vMultiselectListbox from 'vue-multiselect-listbox' , import 'vue-multiselect-listbox/dist/vue-multi-select-listbox.css', components: { vMultiselectListbox, },, <v-multiselect-listbox v-model="selectedRoles" :options="rolesList" ></v-multiselect-listbox>
but still have this error like on the picture I send. Any idea where is the problem please @abhimediratta ?

[arnonrdp]

@cams03, did you solve the error? I am doing the exactly same thing of you.
@abhimediratta, I am having a similar problem in here.

The company decided to update Vue version to 3 and it is a breaking change.

When rendering the basic array of strings or numbers:

<v-multiselect-listbox :options="['Alabama', 'California']"></v-multiselect-listbox>

I see this error:

When I try to render an array of objects:

<v-multiselect-listbox :options="[{label: 'Alabama', code: 'al'}, {label: 'California', code: 'cal'}]"
                       :reduce-display-property="(option) => option.label"
                       :reduce-value-property="(option) => option.code">
</v-multiselect-listbox>

I see this warning:

[cams03]

@arnonrdp I fixed the error yes, but I'm sorry it was a long time ago and I don't remember how... I also removed the plugin in the end and made it from scratch so I can't even tell you what was my solution, sorry !

[arnonrdp]

Don't feel bad @cams03. Yesterday I decide to do the same from scratch.

I'll leave it here in case anyone needs it in the future: https://codepen.io/arnonrdp/pen/yLQMdgv