setPageLayout

setPageLayout permite alterar dinamicamente o layout de uma página.

setPageLayout permite alterar dinamicamente o layout de uma página. Ele depende do acesso ao contexto do Nuxt e, portanto, só pode ser chamado dentro do contexto do Nuxt.

middleware/custom-layout.ts

export default defineNuxtRouteMiddleware((to) => {
  // Defina o layout na rota para a qual você está navegando _para_
  setPageLayout('other')
})

Se você optar por definir o layout dinamicamente no lado do servidor, deve fazê-lo antes que o layout seja renderizado pelo Vue (ou seja, dentro de um plugin ou middleware de rota) para evitar uma incompatibilidade de hidratação.

※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.

A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/utils/set-page-layout