vee-validate vuejs3

Hello,

après un ugrade VueJS2 vers VueJS3, j'ai un formulaire qui utilise vee-validate https://vee-validate.logaretm.com/v4/ qui ne fonctionne plus.
Tout mon projet est bien passé en vueJS3 et fonctionnel hors mis la partie formulaire.

Voici l'erreur que je vois en console quand j'écris dans un input : Uncaught TypeError: fn is not a function

Voici mon component parent

<Field name="firstname" v-slot="{ field, errors }">
        <app-form-input
          ref="firstnameField"
          id="firstname"
          :label="translations.firstname"
          :max-length="80"
          v-bind="field"
          v-model="personalInformation.firstname"
          :required="true"
        ></app-form-input>
        <span v-if="errors[0]" class="error">{{ errors[0] }}</span>
</Field>

qui utilise ce component enfant "app-form-input"

<Field
    v-slot="{ field, errors, meta }"
    :name="name"
    :vid="vid"
    ref="fieldRef"
    tag="div"
    :class="classNames"
    v-model="name"
  >
    <div :class="classNames">
      <div
        class="form-input__inner"
      >
        <label :for="id">
          <span>{{ label }}</span>
          <input
            ref="input"
            autocomplete="off"
            v-bind="field"
            :id="id"
            :name="name"
            :type="type"
            :disabled="disabled"
            :placeholder="placeholder || null"
            :maxlength="maxLength"
          />
        </label>
      </div>
    </div>
    <app-form-error v-if="!hasFile" :errors-bag="errors"></app-form-error>
    <app-form-error v-else :errors-bag="errorMessage(errors, meta)"></app-form-error>
  </Field>

J'ai essayé plusieurs choses dont ce qui était indiqué sur ce guide de migration https://v3-migration.vuejs.org/breaking-changes/v-model mais sans succès.

Si quelqu'un a une piste, je suis preneur car là je cale.
Merci d'avance :)