GSAPはよく使うので、備忘録的な感じで残しておきます。

GSAPモジュールをインストール

yarn add gsap
npm install gsap

使用する場所にimportする

import { gsap } from 'gsap';

//scrolltriggerも登録する場合は下記
import { ScrollTrigger } from 'gsap/ScrollTrigger';

その他設定

if (process.client) {
  gsap.registerPlugin(ScrollTrigger)
}

― nuxt.config.js

export default {
  build: {
    transpile: ['gsap']
  }
}

これで動作したので多分大丈夫だと思います(2022/08/09時点)

参考サイトはこちら

2022.08.09追記

以前まで紹介していたものは、gsapをインポートして使う方法でご紹介していました。
最近以下のようなパッケージを見つけて使用した感じインポートせずに使えたので共有します。



■ インストール

yarn add nuxt-gsap-module

■ nuxt.config.jsに追記

  buildModules: [
    'nuxt-gsap-module',
  ],

■ 使用する場所で以下のように記述

<script>
export default {
  methods: {
    index() {
      this.$gsap.to('.hoge', {
        opacity: 0,
      })
    },
  },
  mounted() {
    this.index()
  },
}
</script>

this.$gsapで使えるのは非常に楽ですね。

また、スクロールトリガーなどを登録する際は下記のように追記します。
■ nuxt.config.js

  gsap: {
    extraPlugins: {
      scrollTrigger: true,
    },
  },