FeathersVuexFormWrapper with Vuelidate

It would be wonderful to have an example of using the FeathersVuexFormWrapper component with what seems to be one of, or the most popular validation library: vuelidate. Maybe it’s not possible, but it would seemingly be the act of making the clone available to vuelidate.

[ericirish]

Thanks for the response and all of the hard work @marshallswain!

[marshallswain]

This is definitely possible, already, but probably not in the way you might be thinking. Vuelidate validations would be handled inside the nested component. In the case of the below example, Vuelidate would be used inside the SomeEditor component:

<template>
  <FeathersVuexFormWrapper :item="currentItem" watch>
    <template v-slot="{ clone, save, reset, remove }">
      <SomeEditor
        :item="clone"
        @save="save().then(handleSaveResponse)"
        @reset="reset"
        @remove="remove"
      ></SomeEditor>
    </template>
  </FeathersVuexFormWrapper>
</template>

By the time a form submission reaches the FeathersVuexFormWrapper, the data should already have been validated.

I’m working on another awesome project for the FeathersJS community right now, which will really improve people’s experience with Feathers-Vuex, so I won’t make time for this for a week or so, maybe more. I’m going to keep this open because this is a great idea to add to the common patterns section of the docs.

Thank you!