[scrollmagic]

 

i would like to use scrollmagic on vue.js but i have this error

 

odule Error (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js):
error: 'gsap' is defined but never used (no-unused-vars) at src\components\HelloWorld.vue:18:10:
  16 |
  17 | <script>
> 18 | import { gsap } from "gsap";
     |          ^
  19 |
  20 | export default {
  21 |   name: "HelloWorld",

error: 'TimelineMax' is not defined (no-undef) at src\components\HelloWorld.vue:30:20:
  28 |   methods: {
  29 |     scroll() {
> 30 |       var tl = new TimelineMax({ onUpdate: updatePercentage });
     |                    ^
  31 |       tl.to(".ul", 2, { position: "fixed", background: "red" });
  32 |       const scene = this.$scrollmagic
  33 |         .scene({

2 errors found.

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js& 8:0-53 12:16-26
 @ ./src/views/Home.vue?vue&type=script&lang=js&
 @ ./src/views/Home.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.104:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js