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 :)