app.vue
app.vue ファイルは、Nuxt アプリケーションのメインコンポーネントです。
最小限の使用
Nuxt 3 では、pages/ ディレクトリはオプションです。存在しない場合、Nuxt は vue-router の依存関係を含めません。これは、ランディングページやルーティングを必要としないアプリケーションを開発する場合に役立ちます。
app.vue
<template>
<h1>Hello World!</h1>
</template>
ドキュメント > 例 > Hello World でライブ例を読み込んで編集してください。
ページ付きの使用
pages/ ディレクトリがある場合は、現在のページを表示するために、<NuxtPage> コンポーネントを使用してください
app.vue
<template>
<div>
<NuxtLayout>
<NuxtPage/>
</NuxtLayout>
</div>
</template>
<NuxtPage> は内部で Vue の <Suspense> コンポーネントを使用しているため、ルート要素として設定できません。app.vue は Nuxt アプリケーションのメインコンポーネントとして機能することを忘れないでください。ここに追加したものはすべて (JS と CSS) グローバルになり、すべてのページに含まれます。