How do I access values of <Form> in a computed property?

[9mm]

I'm using <Form> like this:

<base-form v-slot="{ values, setFieldValue }" ...

(I renamed it like this:)

import { Form as BaseForm } from 'vee-validate';

The problem is I have a schema computed property (a reactive validation schema) that depends on one of the field values (billingSame).

How can I access values in computed as it's only available as v-slot in the template area?

Thanks

[logaretm]

Use the composition API. There is no way to access the Form slot properties in your scripts without extensive hacks. Composition API is meant for this.

[9mm]

@logaretm can you show me an example of the simplest sandbox you have on hand somewhere? (I searched for awhile and they were all very complicated). Everything else is perfect I just need that one single thing.

[logaretm]

You can check this example as it offers exactly what you will change in your code when switching over to useForm.

When you call useForm you can get access to values as well:

const { handleSubmit, values } = useForm();

Then it is up to you if you want to watch it or build computed properties on top of it.

[9mm]

awesome, thanks! THat's perfect

[9mm]

When I say "Simple" what I'm really saying is... an example that still leaves 99% of the work on

and uses the absolute bare minimum required for useForm (I assume useForm is what I have to use?). Im saying it this way because I've already written an absolutely enormous complicated form, and all I need is that one very small bit. I'm hoping I can continue to use and only perhaps pull out an extra function or two.