mirror of
https://github.com/Litlyx/litlyx
synced 2025-12-13 08:48:38 +01:00
18 lines
427 B
Vue
18 lines
427 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"
|
|
data-slot="form-control"
|
|
:aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
|
|
:aria-invalid="!!error"
|
|
>
|
|
<slot />
|
|
</Slot>
|
|
</template>
|