Possible to get rules defined via useForm in useField?

[codeflorist]

I have a ContactForm.vue component, where i define the rules (using @vee-validate/rules) in the useForm call like this:

<script setup lang="ts">
const { validate } = useForm({
	validationSchema: {
		name: 'required',
	},
})

const name = ref('')
const submitForm = async () => {
	await validate()
}
</script>

<template>
	<div>
		<form @submit.prevent="submitForm()">
			<FieldTextInput v-model="name" type="text" name="name" label="Your name" />
			<button type="submit" class="btn-primary mt-4">
				Submit
			</button>
		</form>
	</div>
</template>

Then i have a reusable FieldTextInput.vue component like this:

<script setup lang="ts">
const props = defineProps({
	name: {
		type: String,
		required: true,
	},
	label: {
		type: String,
		required: false,
		default: undefined,
	},
	modelValue: {
		type: [String, Object],
		default: '',
	},
})

const { value, handleBlur, handleChange, errors } = useField(toRef(props, 'name'), undefined, {
	label: props.label,
	syncVModel: true,
})
</script>

<template>
	<div>
		<div>
			<label for="myfield">{{ label }}</label>
			<input
				id="myfield"
				v-model="value"
				type="text"
				:name="name"
				@blur="handleBlur"
				@input="handleChange"
			>
		</div>
		<p v-if="errors">
			<span v-for="error in errors" :key="error">{{ error }}</span>
		</p>
	</div>
</template>

I'd like to append a * to the label, if the field is required. Is there any way to get rules defined in the useForm call of ContactForm.vue inside FieldTextInput.vue?