Property defineField does not exist in useForm()

[ahmaruff]

What happened?

I use nuxt3 and install vee-validate with pnpm add @veevalidate/nuxt

I want to use Composition API (because I use 3rd party UI library). and I following example in https://vee-validate.logaretm.com/v4/.

when i try to use defineField,

const {values, defineField} = useForm();

it return error

Property 'defineField' does not exist on type 'FormContext<GenericObject, GenericObject>'.

can somebody explain why?

Reproduction steps

1. install vee-validate
2. create pages
3. write const {values, defineField} = useForm();
   ...

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

[{
	"resource": "/home/ahmaruff/work/waktoo/fe/ecomm-fe/.app/pages/auth/login.vue",
	"owner": "_generated_diagnostic_collection_name_#0",
	"code": "2339",
	"severity": 8,
	"message": "Property 'defineField' does not exist on type 'FormContext<GenericObject, GenericObject>'.",
	"source": "ts",
	"startLineNumber": 14,
	"startColumn": 9,
	"endLineNumber": 14,
	"endColumn": 20
}]

Demo link

Code of Conduct

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

[AidosMarcos]

Having the same problem. @logaretm

On "vee-validate": "4.6.7",

Also using Nuxt3 with Vuetify.

Following vee-validate composition api documentation.
Can't use defineField when const '{ errors, handleSubmit, defineField } = useForm();'

UPDATE:
I fixed this by update "vee-validate" to v 4.12.7. @ahmaruff

[logaretm]

Depends on the release version, thanks @AidosMarcos for the update.