Fixing bugs and adding attribute for formField in Form2

form2/README.md

@@ -74,3 +74,4 @@ The `form-field` component will fire 1 event:
 - `focus` : Boolean, true when input element is on focus and false otherwise.
 - `data` : Data containing state from parent components.
 - `fieldClass` : Default classes for assigning `touched`, `focus`, `error` states.
+- `value` : The value of the field if you wanna use it as a state.

form2/field.js

@@ -29,15 +29,19 @@ export default function formField ({ main, elm, msg, injection, emit, update })
 	 * @param {*} event
 	 */
 	const onchange = (event) => {
-		const { name } = event.target
+		const { name, value } = event.target
 		validator({ [name]: getRules(event.target) }, validators)
 			.then(_ => {
 				msg.set(s => {
 					s.error = null
 					s.isValid = Boolean(s.touched)
+					s.value = value
 				})
 			})
-			.catch( _ => msg.set( s => s.isValid = false ))
+			.catch( _ => msg.set( s => {
+				s.isValid = false 
+				s.value = value
+			}))
 			.finally( emitchange )
 	}
 
@@ -46,20 +50,22 @@ export default function formField ({ main, elm, msg, injection, emit, update })
 	 * @param {*} event
 	 */
 	const onblur = (event) => {
-		const { name } = event.target
+		const { name, value } = event.target
 		validator({ [name]: getRules(event.target) }, validators)
 			.then(_ => {
 				msg.set(s => {
 					s.error = null
 					s.isValid = Boolean(s.touched)
 					s.focus = false
+					s.value = value
 				})
 			})
 			.catch(errors => {
 				msg.set(s => {
 					s.error = formatError(errors[name])
 					s.isValid = false
 					s.focus = false
+					s.value = value
 				})
 			})
 			.finally( emitchange )