Jexordexan / vue-slicksort

A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
http://vue-slicksort.netlify.app
Other
1.48k stars 157 forks source link

Vue 3 support #119

Closed mirkojov closed 3 years ago

mirkojov commented 4 years ago

Any plans to upgrade this great plugin to support Vue 3?

Jexordexan commented 3 years ago

Sorry for the delay! Check out the @next tag. Its in beta right now, but may work for your purposes.

yarn add vue-slicksort@next
jeffagostinho commented 3 years ago

Hi @Jexordexan,

After installing the vue-slicksort @ next version, I get the following errorMissing required prop: "list"

Would you help me?

Jexordexan commented 3 years ago

If you are upgrading, you will have to pass v-model:list="listRef" or :list="listRef" to the container component. Otherwise sorting will not work.

jeffagostinho commented 3 years ago

Wow, very nice, it worked

But this is also showing injection" SlicksortHub "not found.

jeffagostinho commented 3 years ago

This error injection" SlicksortHub "not found. is not impacting the functionality, it is working correctly for me.

But I just wanted to know if it could be a problem in my implementation

Jexordexan commented 3 years ago

Could you file a separate issue with reproduction? I imagine it’s a generic warning

SylvainBigonneau commented 3 years ago

If you are upgrading, you will have to pass v-model:list="listRef" or :list="listRef" to the container component. Otherwise sorting will not work.

Thanks, that solved my issue as well!

Shouldn't we add this information somewhere in the documentation?

Jexordexan commented 3 years ago

Yes, I actually added this to the migration docs a couple days ago: https://vue-slicksort.netlify.app/migrating.html#v-model-changes

SylvainBigonneau commented 3 years ago

Yes, I actually added this to the migration docs a couple days ago: https://vue-slicksort.netlify.app/migrating.html#v-model-changes

Oh indeed, thanks! I had no knowledge of that documentation website...

Maybe a link to that documentation on the README could be useful?

dlnsk commented 2 years ago
[Vue warn]: Missing required prop: "value" 
  at <SlickList axis="y" list= 
Array [ "Item 1", "Item 2" ]> 

if I change :list to :value it's giving

[Vue warn]: Unhandled error during execution of render function 
  at <SlickList axis="y" value= 
Array [ "Item 1", "Item 2" ]>