I am a Vue developer, when will there be an official version of Vue?

[littleboyck]

This is an excellent library and as a Vue developer, I am very excited for the Vue version

[clauderic]

Refer to #1194 (comment)

[stijns96]

Hi @clauderic,

Any updates on Vue? This packages looks and feels so robust. Would be really fancy if the vue community could benefit from it :)

[Dorusvandenoord]

@stijns96 I had been looking into this too. There are already docs on the vanilla JS implementation: https://next.dndkit.com/overview

Doesn't look very hard to integrate that directly in a Vue app.

The examples in the docs look solid, but my main hesitation is not knowing how stable / feature complete the next version is. E.g. there are docs on droppable, but the example demo in the docs doesn't seem to work currently. Could be a recent update broken the demo.

If you (or someone else reading this) tries out the Vanilla JS implementation in Vue, please share your experiences here. Would be great to get some real world experience on how it runs in a Vue app. Which will hopefully make more Vue devs start using it already and we can all contribute to making an official Vue wrapper for it.

[clauderic]

I'm still looking for someone in the community to create a @dnd-kit/vue package, I would happily accept a pull request to that effect. It should be fairly trivial to do but I'm just not very familliar with Vue myself so prefer to delegate to the community.

In the meantime yes you should be able to use @dnd-kit/dom in your Vue application, I've tried it before and it worked fine.

E.g. there are docs on droppable, but the example demo in the docs doesn't seem to work currently. Could be a recent update broken the demo.

That was just an issue with the CSS for the droppable, it should be all fixed now.

[hanneskuettner]

I'm still looking for someone in the community to create a @dnd-kit/vue package, I would happily accept a pull request to that effect.

I have something in the making. Currently polishing some of the last details. Will probably create the PR this week.

[hanneskuettner]

I've just created the PR for adding @dnd-kit/vue. A continuous release can be installed via npm i https://pkg.pr.new/clauderic/dnd-kit/@dnd-kit/vue@1668

[clauderic]

This issue was opened against a previous version of dnd-kit. The library has since undergone a major rewrite.

It has been rebuilt from the ground up with support for multiple frameworks (React, Vue, Svelte, Solid, and vanilla JavaScript), improved performance, and a new API.

• Documentation: https://dndkit.com
• Migration guide: https://dndkit.com/react/migration
• GitHub: https://github.com/clauderic/dnd-kit

If this issue is still relevant to the latest version, please open a new issue.