useLayout

Описание

useLayout возвращает computed ref с макетом для текущего маршрута по той же цепочке, что и <NuxtLayout>: сначала layout из meta страницы, затем appLayout из route rules, затем 'default'.

Внутри отрендеренного <NuxtLayout> отражает оборачивающий макет; вне его (например, в app.vue) возвращает макет, который был бы выбран для текущего маршрута.

В отличие от прямого чтения route.meta.layout, учитывает макет из route rules и остаётся синхронизированным при смене маршрута.

Возвращаемые значения

Read-only computed ref с именем макета (string) или false, если макет отключён.

Пример

<script setup lang="ts">
const layout = useLayout()
</script>

<template>
  <div>
    <CommandPalette v-if="layout !== 'minimal'" />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>