nuxt-lenis

Nuxt Lenis

This is a Nuxt wrapper for Lenis by Studio Freight. Thank them for the incredible tool.

Getting Started

• yarn add @milkshake/nuxt-lenis
• Add @milkshake/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});