new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Nuxt · API · all subjects

components/announcer

8 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

NuxtAnnouncer component availability

The <NuxtAnnouncer> component is available in Nuxt v4.4.2 and later.

NuxtAnnouncer purpose

The <NuxtAnnouncer> component adds a hidden element to announce dynamic content changes to assistive technologies like screen readers.

NuxtAnnouncer placement

Add <NuxtAnnouncer/> in your app.vue or app/layouts/ to enable announcing dynamic content changes to screen readers. It is useful for form validation, toast notifications, loading states, and other in-page updates.

NuxtAnnouncer slot

The <NuxtAnnouncer> component accepts a default slot with a scoped slot property 'message' that contains the announcement text. You can pass custom HTML or components through this slot.

NuxtAnnouncer props: atomic

The 'atomic' prop controls if screen readers announce only changes or the entire content. Set to true for full content readouts on updates, false for changes only. Default value is true.

NuxtAnnouncer props: politeness

The 'politeness' prop sets the default urgency for screen reader announcements. Accepts three values: 'off' (disable the announcement), 'polite' (waits for silence), or 'assertive' (interrupts immediately). Default value is 'polite'.

NuxtAnnouncer vs NuxtRouteAnnouncer differences

NuxtRouteAnnouncer announces route/page changes automatically on navigation using the page <title> as the message source, with atomic default false. NuxtAnnouncer announces any dynamic content manually via polite()/assertive() composable methods with developer-provided messages, with atomic default true.

useAnnouncer composable integration

Use the useAnnouncer composable to hook into the underlying announcer instance. The composable exposes polite() and assertive() methods to set custom announcement messages for dynamic content changes.

Give your agent this brain