Nuxt Bezier


This module integrates @noction/vue-bezier v2 transition components with Nuxt.

$3

Install

``bash
npx nuxi@latest module add nuxt-bezier
`

Usage

Add the module to your nuxt.config.ts:

`typescript
export default defineNuxtConfig({
modules: ['nuxt-bezier']
})
`

The module automatically imports all transition components and styles.

$3

Single Element Transitions:
- BlurTransition
- ClipPathTransition
- DissolveTransition
- FadeSlideTransition
- PushTransition
- RotateTransition
- ScaleTransition
- WipeTransition
- ZoomTransition

List Transitions:
- DissolveListTransition
- ScaleListTransition

$3

Use the nuxtBezier key to configure the module:

`typescript
export default defineNuxtConfig({
nuxtBezier: {
prefix: 'My' // Optional: prefix for component names (e.g., MyDissolveTransition)
}
})
`

$3

`vue



``

Reference

For more information about props and usage, check the vue-bezier documentation.

License

MIT © 50rayn