GSAP Optimiser — Vue / Nuxt

Split structure: references/performance-deep-dive.md for extended API detail, references/vue-examples.md for full component code.

1. Context & Cleanup

Rule: Every gsap.to() / gsap.fromTo() / gsap.timeline() must live inside a gsap.context() — directly or via ctx.add().

let ctx

onMounted(() => {
  ctx = gsap.context((self) => {
    // Scroll-driven (auto-collected)
    gsap.to('.item', { y: 0, scrollTrigger: { ... } })