gsap magic scroll

/////// install first
npm i -D scrollmagic gsap scrollmagic-plugin-gsap


/////// plugin
/* eslint-disable import/no-webpack-loader-syntax */
import Vue from 'vue'
import { TweenMax, TimelineMax } from 'gsap'
import * as ScrollMagic from 'scrollmagic'

import { ScrollMagicPluginGsap } from 'scrollmagic-plugin-gsap'

ScrollMagicPluginGsap(ScrollMagic, TweenMax, TimelineMax)

const GSAPScrollMagic = {
  install(Vue, options) {
    // GSAP
    Vue.prototype.$GSAP = {
      TweenMax,
      TimelineMax
      // Linear,
      // Power1,
      // Power2,
      // Power3,
      // Back,
    }
    // ScrollMagic
    Vue.prototype.$ScrollMagic = ScrollMagic
  }
}

Vue.use(GSAPScrollMagic)


//////// nuxt config
{ src: '~/plugins/gsap-scrollmagic.js', mode: 'client', ssr: false },