🗂️
Nuxt3でlayoutsを使う
./layouts
ディレクトリにレイアウトファイルを作成
./layouts/sample.vue
<script lang="ts" setup>
</script>
<template>
<slot></slot>
</template>
<style lang="scss">
</style>
./app.vue
ファイルに<NuxtLayout>
を追加
./app.vue
<template>
<div>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</div>
</template>
definePageMeta
を設定
使いたいページで./pages/index.vue
definePageMeta({
layout: "authenticated",
});
参考
Discussion