I'm having an issue using the scrollTrigger functionality inside my Vue project.
Here's the code of the animation:
gsap.timeline({
scrollTrigger: {
trigger: '.model',
}
}).fromTo('.model', {autoAlpha: 0}, {duration: 1, autoAlpha: 1});
which is located inside my animations method. With this code I get a console warning that says missing plugin? gsap.registerPlugin() (see attached image) but when I add gsap.registerPlugin(ScrollTrigger) in the method i get an error that says Uncaught TypeError: Cannot read property 'name' of undefined (see 2nd attached image)
Before the export I have
import {
gsap,
ScrollTrigger
} from 'gsap'
What am I missing? None of the solutions available online were of any help to me... Thanks.