Using Object in Pinia Store, how to validate it with vee-validate

[asifaly]

In my pinia store I have an object like so

const quiz = ref({ title: “”, description: “”})

or alternatively a schema like so

  const schema = object({
    quiz: object({
      title: string().required().min(4).max(35),
      description: string().required().min(4).max(50),
    }),
  });

I am referencing this object in a form with couple of inputs bound to v-model like

<input type=“text” v-model=“quiz.title” />

<input type=“text” v-model=“quiz.description ” />

I would like to validate the quiz object with vee-validate. But I can’t seem to find a correct example to do so. I have looked at this https://vee-validate.logaretm.com/v4/examples/using-stores but it’s again not validation for object.

How do i validate with vee-validate while my v-model remains as-is (i.e quiz.xxx) or have the schema as an object and useFieldModel. Full Sample code is available on stackblitz

[asifaly]

Found the answer after a bit of digging .
I had to reference the error object in the form like so

store.errors['quiz.title']

instead of

store.errors.title

as described here