added information about the VFG events, reorganized the components into their own folder structure

Author: zoul0813

SUMMARY.md

@@ -4,7 +4,7 @@
   * [Installation](installation.md)
   * [Usage](usage.md)
     * [Styling](styling.md)
-* [Component](component.md)
+* [Component](component/README.md)
   * [Schema](schema.md)
   * [Model](model.md)
   * [Options](options.md)

component.md component/README.mdcomponent.md renamed to component/README.md

@@ -16,4 +16,9 @@
 | tag | `String` | "fieldset" | Change the main HTML element wrapper for Fields and Groups |
 
 
+## Events
 
+| Property | Type | Default | Description |
+| :--- | :--- | :--- | :--- |
+| [validated](events.md) | `[...args]` | `none` | Fired when the form has finished validating |
+| [model-updated](events.md) | `]...args]` | `none` | Fired when the model has been updated |

component/events.md

@@ -0,0 +1,31 @@
+# Schema
+
+Events emitted by the [VFG Component](README.md)
+
+## validated
+
+This event is triggered whenever the form has completed validating.  It provides the `boolean` result of this validation, any errors that may have occurred and a reference to the VFG component which triggered the validation.
+
+Internally, the event is triggered with 
+
+```js
+this.$emit("validated", isValid, this.errors, this);
+```
+
+`isValid` will contain a `boolean` value indicating whether the form is valid, `true` indicates the the validation succeeded.  `false` indicates that it failed, and the errors array will contain any error messages from the validation rules.
+
+You can listen for this by attaching to the `@validated` (`v-validated`) event on the `<vue-form-generator />` component.
+
+
+## model-updated
+
+This event is triggered whenever the the model attached to the form has been updated, usually due to user interaction.  It provides the new value and a reference to the field schema for the field which was just updated.  This event is triggered each time a field is updated.
+
+Internally, the event is triggered with
+```js
+this.$emit("model-updated", newVal, schema);
+```
+
+`newVal` is the value that was just updated, and `schema` is a reference to the individual [field schema](schema.md).  `schema` will only contain the individual field data, and not the full schema.  This allows you to identify which field was just updated.
+
+You can listen for this by attaching to the `@model-updated` (`v-model-updated`) event on the `<vue-form-generator />` component.