SortableJS / vue.draggable.next

Vue 3 compatible drag-and-drop component based on Sortable.js
https://sortablejs.github.io/vue.draggable.next/#/simple
MIT License
3.91k stars 531 forks source link

Error: slotValue is not a function #48

Closed distantnative closed 3 years ago

distantnative commented 3 years ago

Trying to upgrade a project to Vue 3 via https://github.com/vuejs/vue-next/tree/master/packages/vue-compat Upgrade in the process to "vuedraggable": "^4.0.1" but now receiving the following error printed in my application:

TypeError: slotValue is not a function
    at getSlot (http://localhost:3000/node_modules/.vite/vuedraggable.js?v=ca14bb22:5895:30)
    at http://localhost:3000/node_modules/.vite/vuedraggable.js?v=ca14bb22:5901:20
    at Array.map (<anonymous>)
    at computeNodes (http://localhost:3000/node_modules/.vite/vuedraggable.js?v=ca14bb22:5900:43)
    at computeComponentStructure (http://localhost:3000/node_modules/.vite/vuedraggable.js?v=ca14bb22:5939:23)
    at Proxy.render (http://localhost:3000/node_modules/.vite/vuedraggable.js?v=ca14bb22:6026:40)
    at Proxy.compatRender (http://localhost:3000/node_modules/.vite/chunk-76FDBO6Y.js?v=ca14bb22:6687:24)
    at renderComponentRoot (http://localhost:3000/node_modules/.vite/chunk-76FDBO6Y.js?v=ca14bb22:2171:41)
    at componentEffect (http://localhost:3000/node_modules/.vite/chunk-76FDBO6Y.js?v=ca14bb22:5930:48)
    at reactiveEffect (http://localhost:3000/node_modules/.vite/chunk-76FDBO6Y.js?v=ca14bb22:376:18)
David-Desmaisons commented 3 years ago

Component has some breaking changes check this guide: https://github.com/SortableJS/vue.draggable.next#migrate-from-vue-2-version