Nuxt mid-level certification launch date announced!
Сгенерировать уникальный идентификатор, совместимый с SSR, который можно передать в атрибуты доступности.
Этот композабл доступен с версии Nuxt v3.10.

useId генерирует удобный для SSR уникальный идентификатор, который можно передавать в атрибуты доступности.

Вызовите useId на верхнем уровне вашего компонента, чтобы сгенерировать уникальный строковый идентификатор:

components/EmailField.vue
<script setup lang="ts">
const id = useId()
</script>

<template>
  <div>
    <label :for="id">Email</label>
    <input :id="id" name="email" type="email" />
  </div>
</template>
useId должен использоваться в компоненте с одним корневым элементом, так как он использует атрибуты этого корневого элемента для передачи идентификатора от сервера к клиенту.

Параметры

useId не принимает никаких параметров.

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

useId возвращает уникальную строку, связанную с этим конкретным вызовом useId в этом конкретном компоненте.