<script setup lang="ts">
import { Field } from 'vee-validate'

/**
 * FormField component - Wraps vee-validate Field component
 * Provides form validation and error handling
 */

interface Props {
  name: string
}

defineProps<Props>()
</script>

<template>
  <Field v-slot="{ field, errorMessage, meta }" :name="name">
    <slot :componentField="field" :error-message="errorMessage" :meta="meta" />
  </Field>
</template>
