19 lines
506 B
Vue
19 lines
506 B
Vue
<script lang="ts" setup>
|
|
import type { LabelProps } from 'radix-vue'
|
|
import type { HTMLAttributes } from 'vue'
|
|
import { Label } from '~/components/pub/ui/label'
|
|
import { cn } from '~/lib/utils'
|
|
|
|
import { useFormField } from './useFormField'
|
|
|
|
const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
|
|
|
|
const { error, formItemId } = useFormField()
|
|
</script>
|
|
|
|
<template>
|
|
<Label :class="cn(error && 'text-destructive', props.class)" :for="formItemId">
|
|
<slot />
|
|
</Label>
|
|
</template>
|