[GSAP Vue.js and scrollTrigger]

Ahh got it...

import ScrollTrigger from "gsap/ScrollTrigger";
gsap.registerPlugin(ScrollTrigger);

 

[GSAP Vue.js and scrollTrigger]

Hey! I am just getting into gsap and trying to implement it in a Vue3 Project. But atm the scrollTrigger does not work for me. I am doing this

onMounted(() => {
  gsap.to(".events", { scrollTrigger: ".events", x: 100, duration: 3 });
});

and the scrollTrigger does not do anything. So the animation starts when the page is loaded no matter if the element is in the viewport or not.

Any Ideas?