From b9bb82fd6e15b2d33bf23464b0e1346cc54c8c27 Mon Sep 17 00:00:00 2001 From: Abdelrahman Awad Date: Sat, 27 Nov 2021 22:58:41 +0200 Subject: [PATCH] docs: added store example --- docs/content/examples/ui-libraries.md | 2 +- docs/content/examples/using-stores.md | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 docs/content/examples/using-stores.md 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. + +