setPageLayout
setPageLayoutはページのレイアウトを動的に変更することを可能にします。
setPageLayoutはページのレイアウトを動的に変更することを可能にします。これはNuxtコンテキストへのアクセスに依存しているため、Nuxtコンテキスト内でのみ呼び出すことができます。
middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
// 移動先のルートでレイアウトを設定します
setPageLayout('other')
})
サーバーサイドでレイアウトを動的に設定することを選択した場合、Vueによってレイアウトがレンダリングされる前に（つまり、プラグインやルートミドルウェア内で）設定しなければ、ハイドレーションの不一致を避けることができません。
※このページは Nuxt.js 公式ドキュメントの翻訳ページ（非公式）です。
公式ドキュメントの該当ページはこちら：
https://nuxt.com/docs/3.x/api/utils/set-page-layout