最初のページのトランジションについて

Question

最近Nuxt.jsを触り始めたプログラミング初心者です。
全体のページ遷移のトランジションはmain.cssに記述した後、nuxt.config.jsに追加することで実現したのですが、トップページのアニメーションがうまくいきません…。
トップページのトランジションが終わったのちに自動で次のページに遷移したく、現在はmountedの中でページ遷移させています。解決法をご存じの方いらしましたら教えていただきたいです！

Answer 1

ローディング画面なるものでしょうか。でしたら

①　~/components/loading.vueを用意

<template>

 <div class="loading" v-if="isLoading">

.....ここに好きなローディングデザインを書いてゆく。他のコードはコピペ


 </div>

</template>
<script>

export default {
data(){
return{
	isLoading:false
}
},
methods:{
    start () {
      this.isLoading = true;
    },
    finish () {
      this.isLoading = false;
    }
},
 mounted () {
    this.$nextTick(() => {

      this.$nuxt.$loading.start()
      setTimeout(() => this.$nuxt.$loading.finish(), 500)
    
})
  }
}


</script>
<style lang=“scss”>
</style>

② nuxt.config.jsに追記

export default{
.....
       loading: '~/components/loading.vue',
.....
}

nuxt公式

これの最後らへんを見て、自分はやってみました。
私の説明がわかりづらかったら、見ていただきたいです