Use in Nuxt3

[RyMaX]

How to use the vueuse/gesture component in Nuxt3?

[Armen Rostamian]

Yeah...wondering the same thing here! :)

[Till Davin]

Add vueuse.gesture.ts to your plugins folder:

import { GesturePlugin } from '@vueuse/gesture'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(GesturePlugin)
})

And then you can e.g. import { useDrag } from '@vueuse/gesture' in your components.

[Armen Rostamian]

@happy-turtle - Thank you! I'm still learning the ropes with Nuxt, and the solution is so easy...so thanks for humoring this newb (me) :)

Last question:

Is this server-side friendly, or only client-side? :)

[Till Davin]

@happy-turtle - Thank you! I'm still learning the ropes with Nuxt, and the solution is so easy...so thanks for humoring this newb (me) :)

Last question:

Is this server-side friendly, or only client-side? :)

No problem 😄 I am not sure, but we didn't run into problems using it with SSR.