Feature/v1-release

examples/async-submission/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

examples/async-validations/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

examples/basic/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

examples/dependent-fields/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

examples/interceptor/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

examples/tutorial/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-form-handler": "^0.3.0"
+    "vue-form-handler": "^1.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "typescript": "^4.9.3",
     "vite": "^4.1.0",
     "vue-tsc": "^1.0.24"
   }
-}
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-form-handler",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "type": "module",
   "license": "MIT",
   "author": "Dennis R. Bosmans",

playground/App.vue

@@ -1,15 +1,35 @@
 <template>
   <h2>Playground</h2>
   <form @submit.prevent="submitForm">
-    <input v-bind="register('playground')" />
+    <input
+      v-bind="
+        register('playground', {
+          validate: {
+            syncValidation: (value: string) =>
+              value?.length > 0 || 'Value cannot be empty',
+          },
+        })
+      "
+    />
     <button>Submit</button>
+    <pre>{{ formState }}</pre>
   </form>
 </template>
 
 <script setup lang="ts">
 import { useFormHandler } from '../src/index'
 
-const { register, handleSubmit, values, build } = useFormHandler()
+const { register, handleSubmit, formState, build } = useFormHandler()
+
+const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+
+const testValidation = async (value: string) => {
+  await sleep(3000)
+  if (value === 'test') {
+    return 'Value cannot be "test"'
+  }
+  return true
+}
 
 const submitForm = () => {
   handleSubmit((form: any) => {
@@ -18,9 +38,8 @@ const submitForm = () => {
 }
 
 const form = build({
-  playground: {}
+  playground: {},
 })
-
 </script>
 
 <style>