Installation

Install @vueuse/gesture using your package manager of choice.

pnpm add @vueuse/gesture

Please note that if you are using Vue 2 or Nuxt, you need to install the Composition API.

The required packages can be found here for Vue 2, and here for Nuxt.

Plugin Installation

If you are planning on using the directives (v-drag, v-move, ...) from this package, you might want to add the plugin to your Vue instance.

You can add the support for directives globally, by installing the plugin.

import { GesturePlugin } from '@vueuse/gesture'

const app = createApp(App)

app.use(GesturePlugin)

app.mount('#app')

If you want to import the directive code only from components that uses it, import the directive and install it at component level.

import { dragDirective } from '@vueuse/gesture'

export default {
  directives: {
    drag: dragDirective,
  },
}