Incompatibility Between Splitting.js and GSAP in a Vue.js Project

[Ninokeep]

Hello,

I am experiencing an issue when using Splitting.js with GSAP in a Vue.js project. My goal is to animate the appearance of words by applying a translateY(10px) transformation. However, this transformation does not work as expected when implemented in Vue.js. Conversely, the same animation works perfectly when I use vanilla JavaScript.

Example code pen :

Javascript vanilla + gsap = https://codepen.io/asap-fa/pen/qBzOaZa it works

Vuejs + gsap = https://codepen.io/asap-fa/pen/OJeyRRZ it doesn't work.

[notoriousb1t]

The second codepen does not appear to use Splitting. It looks like it is using another library called SplitType. Can you link an example of VueJS + GSAP + Splitting that does not work?