Skip to content
Fluid DnD
Examples

Getting Started

Installation

Install Fluid DnD using your preferred package manager:

Terminal window
# with npm:
npm i fluid-dnd
# with yarn:
yarn add fluid-dnd
# with pnpm:
pnpm i 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 "fluid-dnd/vue";
const app = createApp(App);
app.provide('useDragAndDrop', useDragAndDrop);
app.mount('#app');

Usage on local

Import composable (useDragAndDrop):

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