useUniqueId

Returns a stable, unique ID for a component. Prefers an id passed via $attrs so the consumer can override it, otherwise falls back to Vue's useId().

Live examples

Generated ID

Consumer-provided ID

Usage

If the parent passes an id attribute the same value is used, keeping the DOM predictable:

<!-- parent -->
<MyInput id="user-name" />

Return value

A ComputedRef<string> that is:

• the id from $attrs if provided by the caller, or
• a Vue-generated unique ID otherwise.