【Nuxt.js】gaspをインポートするとエラーになる

Question

前提・実現したいこと

gaspをimportするとエラーになってしまいます。

$ npm i -D gsapでインストール後、index.vueを以下のように変えたところ、エラーになりました。

こちらの記事を参考にしています。
https://www.to-r.net/media/scrolltrigger/

SyntaxErrorになる心当たりが全くないのですが、どこを疑えばいいでしょうか？？
エラー画面では、なぜかindex.vueの一行目がエラー？と出ています

一時はちゃんと動いていたのですが、気づいたら動かなくなっていました。
他のファイルも含め、コードを動いていた時の状態に戻してもダメでした。

import ScrollTrigger from "gsap/ScrollTrigger";がエラーになるみたいです。
import gsap from "gsap";だけだとエラーになりません。

該当のソースコード

<template>
・
・
・
</template>

<script>
import gsap from "gsap"; // これはエラーにならない
import ScrollTrigger from "gsap/ScrollTrigger"; // ここでエラーになる

</script>

<style lang="sass" scoped></style>

発生している問題・エラーメッセージ

SyntaxError
Unexpected token 'export'