Form/field not found warnings with the latest 4.11.0 useSetFieldValue and useSetFormValues composables

[ThomasRalee]

What happened?

Testing the new vee-validate composable useSetFieldValue and useSetFormValues resulted in form not detected warning.

Reproduction steps

Added a stackblitz demo with a very simple UI to illustrate the issue

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

Demo link

https://stackblitz.com/edit/github-9xguag?file=components%2FFormWrapper.vue

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

This is because the composables only work as children of useForm or useField. I cannot see you called useForm anywhere in the parent component which is what the warning is telling you to do.

I will update the docs soon on that part.

[ThomasRalee]

@logaretm I called it in the app.vue component that wraps around the FormWrapper though 🤔

<script setup lang="ts">
import { useForm } from 'vee-validate';

useForm(); <---
</script>

<template>
  <div>
    <FormWrapper />
  </div>
</template>

[logaretm]

You are correct, I missed the app.vue, thanks for the clarification. I will take a look later today.