Jump to content


Gsap ScrollSmoother component not working in Nuxt 3

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

@GreenSock Hi, yes the sandbox I provided has been done with nuxt 2. I can try to reproduce the problem with nuxt 3.

Link to comment
Share on other sites

It seems like we don't have access anymore to the Vue instance via import Vue from 'vue'.

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.