Nuxt.js 3默认default布局解决nuxt.js 3使用默认布局模板的问题，layouts下的default.

话不多说直接解决nuxt3的默认布局问题

新建default.vue

创建layouts/default.vue文件

<template>
  <div>default.vue</div>
  <slot />
</template>

直接修改app.vue

<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

这里需要注意的是definePageMeta可以省略
但是当你不想使用default布局的时候，可以把layout改为false

<template>
  <section>
    index.vue
  </section>
</template>

<script lang="ts" setup>
definePageMeta({
  layout: 'default'
})
</script>

效果