From b1f7df8885d4c4b36194aaeda4e7ed7434da6969 Mon Sep 17 00:00:00 2001
From: HerrHase <me@herr-hase.wtf>
Date: Mon, 21 Feb 2022 19:02:16 +0100
Subject: [PATCH] adding

---
 README.md | 52 +++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 43 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 5fcb00c..59d24cc 100644
--- a/README.md
+++ b/README.md
@@ -13,10 +13,10 @@ For Validation this Component uses [Validate.js](https://validatejs.org/)
 npm install @tiny-components/validator --save
 ```
 
-## How to use
+## You can use it like this
 
 ```javascript
-<form onsubmit={ (event) => { state.validator.handle(event) }} novalidate>
+<form class="form" onsubmit={ (event) => ( state.validator.submit(event) ) }>>
     <div class="field">
         <label>
             email
@@ -38,17 +38,51 @@ npm install @tiny-components/validator --save
     import Validator from './validator.js'
 
     export default {
+
+        state: {
+            validator: { }
+        },
+
         onBeforeMount() {
-            this.state.validator = new Validator({
-                email: {
-                    presence: true
-                    email: true
+            // creating formValidator
+            this.state.validator = new FormValidator(this.$('.form'), {
+                'email': {
+                    'presence': true,
+                    'email': true
                 },
-                password: {
-                    presence: true
+                'password': {
+                    'presence': true
                 }
-            }, this)
+            })
+
+            // adding on success
+            this.state.validator.onSuccess((event, data) => {
+                this.handleSuccess(event, data)
+            })
+
+            // adding on error
+            this.state.validator.onError((event, errors, data) => {
+                this.handleError(event, errors, data)
+            })
+        },
+
+        /**
+         *
+         */
+        handleSuccess(event, data)
+        {
+            event.preventDefault()
+            this.update()
+        },
+
+        /**
+         *
+         */
+        handleError(event, errors, data)
+        {
+            this.update()
         }
+
     }
 </script>
 ```
\ No newline at end of file