VueJS 3 with Vue-Router + Gsap cursor animation

[Yannis Haismann]

Hey,

 

I have a problem ! I have a custom cursor who is animated in my app. This cursor is a vue component. I use it in multiple page of my vue app. But when i switch between page without refreesh the animation of the cursor start to bug. Look like the cursor animation of the previous page is still working on the cursor component from the new page with the new animation cursor !

 

Cant share my projet but i drop here the codepen of my cursor animation.

 

Thanks for help in my new adventure with gsap 🙏

See the Pen eYeKGgw by yannishaismann (@yannishaismann) on CodePen

[OSUblake]

Hi Yannis,

 

It sounds like you need to kill the previous version before navigating to a new page, probably inside a beforeDestroy callback.