nuxt logo

Tradução da Documentação (Não Oficial)

useRouteAnnouncer

Este composable observa as mudanças no título da página e atualiza a mensagem do anunciador de acordo.

Este composable está disponível no Nuxt v3.12+.

Descrição

Um composable que observa as mudanças no título da página e atualiza a mensagem do anunciador de acordo. Usado por <NuxtRouteAnnouncer> e controlável. Ele se conecta ao dom:rendered do Unhead para ler o título da página e defini-lo como a mensagem do anunciador.

Parâmetros

  • politeness: Define a urgência para os anúncios do leitor de tela: off (desativa o anúncio), polite (espera pelo silêncio) ou assertive (interrompe imediatamente). (padrão polite).

Propriedades

message

  • tipo: Ref<string>
  • descrição: A mensagem a ser anunciada

politeness

  • tipo: Ref<string>
  • descrição: Nível de urgência do anúncio do leitor de tela off, polite ou assertive

Métodos

set(message, politeness = "polite")

Define a mensagem a ser anunciada com seu nível de urgência.

polite(message)

Define a mensagem com politeness = "polite"

assertive(message)

Define a mensagem com politeness = "assertive"

Exemplo

pages/index.vue
const { message, politeness, set, polite, assertive } = useRouteAnnouncer({
    politeness: 'assertive'
  })