Nuxt Nationカンファレンス開催! 11月12日~13日、ご参加ください。

setPageLayout

setPageLayout を使用すると、ページのレイアウトを動的に変更できます。
setPageLayout は、ページのレイアウトを動的に変更するために使用します。Nuxtコンテキストへのアクセスに依存するため、Nuxtコンテキスト内でのみ呼び出すことができます。
middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
  // Set the layout on the route you are navigating _to_
  setPageLayout('other')
})
サーバーサイドでレイアウトを動的に設定する場合は、Vueによってレイアウトがレンダリングされる前に(プラグインまたはルーティングミドルウェア内)、ハイドレーションの不一致を避けるために必ず行う必要があります。