nuxt-lenis
Advanced tools
Comparing version
{ | ||
"name": "@nuxt-lenis", | ||
"name": "@milkshake/nuxt-lenis", | ||
"configKey": "lenis", | ||
@@ -7,3 +7,3 @@ "compatibility": { | ||
}, | ||
"version": "1.1.0-beta.4" | ||
"version": "1.1.0-beta.5" | ||
} |
{ | ||
"name": "nuxt-lenis", | ||
"version": "1.1.0-beta.4", | ||
"version": "1.1.0-beta.5", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "type": "module", |
# Nuxt Lenis | ||
This is a Nuxt wrapper for [Lenis](https://lenis.studiofreight.com/) by [Studio Freight](https://studiofreight.com/). Thank them for the incredible tool. | ||
## Getting Started | ||
1. `yarn add nuxt-lenis` | ||
2. Add `nuxt-lenis` to your modules in nuxt.config | ||
2. Add `@milkshake/nuxt-lenis` to your modules in nuxt.config | ||
3. In your `app.vue` file, wrap the nuxt page in the lenis component | ||
``` | ||
``` | ||
<lenis | ||
@@ -18,1 +20,11 @@ :options="LenisOptions" | ||
## Composable | ||
``` | ||
const {scrollState, lenis} = useLenis() | ||
watch(scrollState, (val) => { | ||
console.log("scrollState", val); | ||
},{deep:true}); | ||
``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
30
66.67%7622
-12.86%12
-7.69%102
-11.3%