Solved it. Had to do something like this... Thanks again.
In the js file.
export function gsapSlider(status) {
if (status == "start") {
startSlider();
}
if (status == "kill") {
tl.kill();
}
}
In the Vue Component.
import gsap from "gsap";
import { gsapSlider } from "../assets/js/gsapSlider";
export default {
props: { pSliderData: Array },
data() {
return {
sliderData: this.pSliderData
};
},
mounted() {
gsapSlider("start");
},
methods: {
killSlider() {
gsapSlider("kill");
}
},
beforeDestroy() {
this.killSlider();
}
};