Using vee-validate 4 with Vue 3 slots

[octaviandd]

Is this possible, everything I try results in the components not compiling.

For example:

AjaxForm:

<template>
  <slot name="form">
  </slot>
</template>
<script>

import { Field, Form, ErrorMessage } from "vee-validate";

export default {
components: {
    VForm: Form,
    VField: Field,
    VError: ErrorMessage,
  },
}

In blade component:

<ajax-form>
<template #form="formProps">
<v-form>
 <v-field ...>
<v-error ...>
</v-form>
</template>
</ajax-form>