Nuxt3使用，NuxtLayout

layout文件结构

• layouts(文件夹)
  • default.vue
  • custom.vue

default.vue的代码

<template>
  <div>
    default布局
    <slot />
  </div>
</template>

在默认layout的基础上嵌套自定义的layout

<template>
  <div>
    <NuxtLayout name="custom">
      detail页面
    </NuxtLayout>
  </div>
</template>
<!-- 不用definePageMeta -->

只有自定义的layout，不要默认的default

<template>
  <div>
      detail页面
  </div>
</template>

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