setPageLayout

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