search

abhimediratta / vue-multiselect-listbox

Vue Multi-Select Dual Listbox
28 stars 9 forks source link

Is this compatible with the new composition API? #18

Open brdhunga opened 3 years ago

brdhunga commented 3 years ago

Is this compatible with the new composition API?

abhimediratta commented 3 years ago

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 commented 2 years ago

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

limbyungki commented 1 year ago

i'm waiting new version for Vue 3.

abhimediratta commented 1 year ago

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

WisdomSky commented 1 year ago

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

abhimediratta commented 1 year ago

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

cams03 commented 1 year ago

Hello ! does this work with vue3 ? Thanks !

abhimediratta commented 1 year ago

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

cams03 commented 1 year ago

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 👍 image

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"

` but still have this error like on the picture I send. Any idea where is the problem please @abhimediratta ?

arnonrdp commented 1 year ago

@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:

Captura de Tela 2023-06-27 às 12 54 50

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:

Captura de Tela 2023-06-27 às 13 00 25
cams03 commented 1 year ago

@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 commented 1 year ago

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