<NuxtRouteAnnouncer>

Source
Скрытый элемент с заголовком страницы для объявления смены маршрута скринридерам.
Компонент доступен в Nuxt v3.12+.

Использование

Добавьте <NuxtRouteAnnouncer/> в app.vue или в app/layouts/, чтобы вспомогательные технологии (скринридеры) получали уведомления о смене заголовка страницы при навигации.

app/app.vue
<template>
  <NuxtRouteAnnouncer />
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

Слоты

Через слот по умолчанию можно передать свой HTML или компоненты.

<template>
  <NuxtRouteAnnouncer>
    <template #default="{ message }">
      <p>{{ message }} загружено.</p>
    </template>
  </NuxtRouteAnnouncer>
</template>

Пропсы

  • atomic: озвучивать только изменения или весь контент. true — полное озвучивание при обновлении, false — только изменения (по умолчанию false).
  • politeness: срочность объявления — off, polite (по умолчанию) или assertive.
Компонент опционален.
Для полной кастомизации можно сделать свой на основе исходного кода.
Управление объявлениями — через композабл useRouteAnnouncer, в том числе для кастомного сообщения.