如何在vee-validate中使用vue3输入组件？

import { defineComponent, ref } from 'vue';
import { useField, useForm } from 'vee-validate';
import { Input } from 'your-input-library'; // 替换为实际使用的输入组件

export default defineComponent({
  components: {
    Input,
  },
  setup() {
    const { handleSubmit } = useForm();
    const { value, errorMessage } = useField('fieldName');

    const onSubmit = handleSubmit((values) => {
      // 处理表单提交逻辑
    });

    return {
      value,
      errorMessage,
      onSubmit,
    };
  },
});

<template>
  <form @submit="onSubmit">
    <Input v-model="value" v-validate="'required'" :error-messages="errorMessage" />
    <span>{{ errorMessage }}</span>
    <button type="submit">提交</button>
  </form>
</template>