17 lines
398 B
Vue
17 lines
398 B
Vue
<script lang="ts" 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>
|