diff --git a/docs/content/examples/ui-libraries.md b/docs/content/examples/ui-libraries.md index fa4294304..4958f42ce 100644 --- a/docs/content/examples/ui-libraries.md +++ b/docs/content/examples/ui-libraries.md @@ -1,7 +1,7 @@ --- title: Popular UI Libraries description: Validating popular Vue.js UI libraries with examples -order: 8 +order: 9 --- # Validating UI Libraries Examples diff --git a/docs/content/examples/using-stores.md b/docs/content/examples/using-stores.md new file mode 100644 index 000000000..ed72bf995 --- /dev/null +++ b/docs/content/examples/using-stores.md @@ -0,0 +1,18 @@ +--- +title: State Stores +description: using vee-validate with state stores +order: 8 +new: true +--- + +# Stores + +If you want to integrate vee-validate with state management solutions you can do that with the composition API. + +## Pinia + +[Pinia](https://pinia.esm.dev/) is a data store for Vue.js and it is the recommended solution to your Vue.js state management. + +The example integrates a form state into the store by syncing it using `watch`. It also integrates the `registerUser` action to be used as a submit handler for the form. + +