19 lines
403 B
Vue
19 lines
403 B
Vue
<script setup>
|
|
import { Slot } from "reka-ui";
|
|
import { useFormField } from "./useFormField";
|
|
|
|
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
</script>
|
|
|
|
<template>
|
|
<Slot
|
|
:id="formItemId"
|
|
:aria-describedby="
|
|
!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`
|
|
"
|
|
:aria-invalid="!!error"
|
|
>
|
|
<slot />
|
|
</Slot>
|
|
</template>
|