Jump to content
Search Community

Gsap ScrollSmoother component not working in Nuxt 3

nicolaseielll test
Moderator Tag

Recommended Posts

Hi guys, I have recently started using Nuxt 3. Now I got to a point where I wanted to add ScrollSmoother to my new Nuxt 3 site but somehow this: https://codesandbox.io/s/gsap-scrollsmoother-nuxt-pbhmeh?file=/components/GSAPScrollSmoother.vue component wont work on Nuxt 3 no more. 

 

I tried to swap data() to setup() but it has no effect:( 

 

Can anyone spot a reason why it's not working on Nuxt 3. In Nuxt 2 this component works perfectly!

 

If there is any changes to the component, maybe you could add them to this post! :)

 

 

Thanks in advance!

Link to comment
Share on other sites

Sorry, I'm not at all familiar with Vue but I cannot imagine why a newer version would somehow break. Are you able to reproduce the issue in vanilla JS? Or perhaps just the most basic possible Vue 3 project that only has a few colored <div> elements? The link you provided seemed to work fine for me, but I must be missing something. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...