npm i gsap
npm i gsap_directive

import gsap_directive from gsap_directive';
app.use(gsap_directive);

  <h1 v-gsap="{ 
      scrollTrigger: { 
        start: 'top center', 
        end: 'bottom center', 
        scrub: true ,
        markers: true,
      }, 
      animation: { 
        opacity: 1, 
        x: 100 
      }, 
      initialState: { 
        opacity: 1, 
        x: -100 
      } 
    }"
  
    >This is an about page </h1>

  <h1 v-gsap="{ 
      animation: { 
        opacity: 1, 
        x: 100 
      }, 
      initialState: { 
        opacity: 1, 
        x: -100 
      } 
    }"
  
    >This is an about page </h1>