I was running into issues like this with HMR as well as in other cases where a change in props to a Vue component resulted in the component being destroyed and recreated. What worked for me was to switch not use `pin: true`. In other words, separate the trigger and the pin. So my markup, now, is kind of like:
ScrollTrigger & Nuxt - Error on when component update
in GSAP
Posted
I was running into issues like this with HMR as well as in other cases where a change in props to a Vue component resulted in the component being destroyed and recreated. What worked for me was to switch not use `pin: true`. In other words, separate the trigger and the pin. So my markup, now, is kind of like: