【nuxt3】SPAの謎ローディングを消す方法
Nuxt 3.6のSPAプロジェクトでロード時のアニメーションをカスタマイズまたは消す方法を紹介。公式情報はNuxtのブログで確認可能。
2023年10月06日
前提
- Nuxt 3.6のプロジェクトがあること
謎のローディングがある
SPAでNuxtプロジェクトを動かしていると、ロード時に謎のアニメーションが発生します。
最初は「なにこれ？邪魔！」と思っていたのですが、カスタマイズ可能&消すことが可能なようです。
カスタマイズ
~/app/spa-loading-template.html にHTMLファイルを配置することでローディング画面をレンダリングすることができます。
消す方法
nuxt.config.ts を開き、spaLoadingTemplate をfalseに設定します。
export default defineNuxtConfig({
~~~
spaLoadingTemplate: false,
~~~
})
以上
簡単すぎました。
記事にするほどでもなかったかもしれない。
でも本当にわかりにくい場所にある。nuxtめ…