1.1.0 • Published 28 days ago
nuxt-lenis v1.1.0
Nuxt Lenis
This is a Nuxt wrapper for Lenis by Studio Freight. Thank them for the incredible tool.
Getting Started
yarn add nuxt-lenis
- Add
nuxt-lenis
to your modules in nuxt.config - In your
app.vue
file, wrap the nuxt page in the lenis component<lenis :options="LenisOptions" @initiated="foo" @scroll="fooBar" > <NuxtPage /> </lenis>
Composable
const {scrollState, lenis} = useLenis()
watch(scrollState, (val) => {
console.log("scrollState", val);
},{deep:true});
Multiple Instances
If you have multiple instances of Lenis you can get each one via an ID set ont he Lenis component
<lenis id="base" >
<NuxtPage />
</lenis>
<lenis id="modal" >
<NuxtPage />
</lenis>
<!-- script -->
const {scrollState, lenis} = useLenis()
scrollState.value.base
lenis.value.base
scrollState.value.modal
lenis.value.modal
1.1.0
28 days ago
1.1.0-beta.11
29 days ago
1.1.0-beta.14
28 days ago
1.1.0-beta.12
29 days ago
1.1.0-beta.13
28 days ago
1.1.0-beta.10
30 days ago
1.1.0-beta.9
1 month ago
1.1.0-beta.7
1 month ago
1.1.0-beta.6
1 month ago
1.1.0-beta.5
1 month ago
1.1.0-beta.2
1 month ago
1.1.0-beta.1
1 month ago
1.1.0-beta.4
1 month ago
1.1.0-beta.3
1 month ago
1.0.8
3 months ago
1.0.7
3 months ago
1.0.6
3 months ago
1.0.5
3 months ago
1.0.4
5 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
9 months ago
1.0.0
9 months ago