Configuration

In general, no config is needed. However, there are some options you can configure:

nuxt.config.ts

vgsap: {
    presets: [],
    breakpoint: 768,
    scroller: '',
    composable: true
}

presets lets you define reoccuring animations. See more
breakpoint number lets you define a custom breakpoint for .desktop and .mobile modifier
scroller string as selector lets you define a custom scroller that will be applied to all scrollTriggers
- This is needed if your content is wrapped in an artificial scroll wrapper, instead of the default document/body
composable boolean default: true lets you decide wether or not to load GSAP as a composable as well See more