vuedraggable-esm

A repackaged build of vue.draggable.next, the Vue 3 wrapper for SortableJS.
This version provides fully compatible ESM and UMD builds for modern bundlers like Vite, Rollup, and Webpack 5+.

📦 Installation

npm install vuedraggable-esm
# or
yarn add vuedraggable-esm

🚀 Usage

import { VueDraggable } from 'vuedraggable-esm'

export default {
  components: {
    VueDraggable,
  },
}

The package exports both esm and umd builds:

| Format | Path | Description | | ------ | -------------------------- | ----------------------------------------------------------- | | ESM | dist/vuedraggable.js | Recommended for modern toolchains (Vite, Rollup, Webpack 5) | | UMD | dist/vuedraggable.umd.cjs | For legacy or CDN usage |

🔧 Why This Package

The original vue.draggable.next package was published with a UMD-only entry point, which could cause build issues in Vite projects:

Uncaught SyntaxError: The requested module 'vue' does not provide an export named 'default'

This package rebuilds it using Vite and Rollup, ensuring proper ESM compatibility and clean tree-shaking.

🧩 Compatibility

• Vue 3.x
• SortableJS 1.x
• Supports both ESM and UMD usage

🔗 Links

• Original repository: SortableJS/vue.draggable.next
• NPM package: vuedraggable-esm

📄 License

MIT © SortableJS contributors