NuxtLinkのページ遷移で今見ているページをフェードアウトさせたい。

最近よく見るページ遷移する際に今見ているページをフェードアウトやつ
あれをNuxtLinkとGSAPでやろうとした際の備忘録。
NuxtLinkのページ遷移をpreventするのにはどうすればよいかわかりませんでしたが、
参考リンクがとても参考になりました。
SEO的にはどうなるのでしょうか、わかりません。

page.vue

<NuxtLink to="/page2" event="" @click.native="link">
 page2
</NuxtLink>

page.vue

methods: {
    link (e) {
      e.preventDefault()
      gsap.to('#loading', {
        opacity: 1,
        width: '100%',
        height: '100%',
        duration: 1
      })
      setTimeout(() => {
        this.$router.push({ path: e.target.attributes[1].nodeValue })
      }, 1000)
    }
}

参考リンク
https://qiita.com/1994spagetian/items/be1de1189a3a31147805