Skip to content

Getting Started

Installation

Install Vue Fluid DnD using your preferred package manager:

Terminal window
# with npm:
npm i vue-fluid-dnd
# with yarn:
yarn add vue-fluid-dnd
# with pnpm:
pnpm i vue-fluid-dnd

Usage

Usage on global

Setup composable (useDragAndDrop) using provide/inject so that the entire application can use it:

import { createApp } from "vue";
import App from './App.vue';
import { useDragAndDrop } from "vue-fluid-dnd";
const app = createApp(App);
app.provide('useDragAndDrop', useDragAndDrop);
app.mount('#app');

Usage on local

Import composable (useDragAndDrop):

<script>
import { useDragAndDrop } from 'vue3-fluid-dnd';
</script>