如何修改我的自定义输入组件以使用vee-validate？

import { ValidationProvider, extend } from 'vee-validate';
import { required, email } from 'vee-validate/dist/rules';

extend('required', required);
extend('email', email);

<template>
  <ValidationProvider rules="required" v-slot="{ errors }">
    <input v-model="value" type="text" />
    <span>{{ errors[0] }}</span>
  </ValidationProvider>
</template>

data() {
  return {
    value: ''
  };
}

<template>
  <div>
    <CustomInputComponent />
    <ValidationProvider rules="email" v-slot="{ errors }">
      <input v-model="emailValue" type="text" />
      <span>{{ errors[0] }}</span>
    </ValidationProvider>
  </div>
</template>