setPageLayout

setPageLayout을 사용하면 페이지 레이아웃을 동적으로 변경할 수 있다.

setPageLayout 은 Nuxt 컨텍스트 접근에 의존적이며 컴포넌트 내 setup 함수, 플러그인 및 경로 미들웨어. 에서만 호출할 수 있다.

// middleware/custom-layout.ts

export default defineNuxtRouteMiddleware((to) => {
  // Set the layout on the route you are navigating _to_
  setPageLayout('other')
})

서버 측에서 레이아웃을 동적으로 설정하기로 선택한 경우 반드시
 Vue에서 하이드레인션 불일치를 방지하기 위해 레이아웃을 렌더링하기 전에 해야 한다(즉, 플러그인 또는 경로 미들웨어 내에서)