Nuxt.js　pageに作成したindex.vueをapp.vueで使用するサンプル

2024年5月27日

環境
node v20.13.1
npm 10.8.0
Nuxt.js v3.11.2

操作方法
以下のコマンドを実行するか直接作成するかして「pages」配下に「index.vue」を作成します。
$ npx nuxi add page index

「index.vue」が以下の内容で作成されます。

<script lang="ts" setup></script>

<template>
  <div>    
    Page: index
  </div>
</template>

「app.vue」に「NuxtPage」を追加します。

<template>
  <div>
    <h1>index.vue 表示sample</h1>
    <NuxtPage />
  </div>
</template>