timeline Vue - Sharing the timeline between multiple components

[LutzDev]

Hi everyone,

 

I like the aspects of GSAP timelines. In my Nuxt 3 application, I've been utilizing a master timeline shared via Pinia. Each component utilizes a context that is defined within the "onMountend" Lifecycle Hook and reverts during the "onUnmounted" phase.

 

If a component is mounted, I add its animations to the master timeline. If the component gets unmounted, I remove the component's animation from the master timeline. Does the revert() function automatically remove the component's animations from the master timeline, or do I have to remove the animation myself?

 

 

[Cassie]

Heya!

 

I did a test and it's removed. Here you go

See the Pen GRwjWgP?editors=1111 by GreenSock (@GreenSock) on CodePen.

[LutzDev]

Good to know. Thanks for response!