docs: document how to use errors

Author: elevatebart

README.md

@@ -14,7 +14,7 @@ The simplest way to render components is as a VueJs template:
 
 ```vue
 <template>
-    <VueLive :code="`<date-picker />`" :components="{ DatePicker }">
+    <VueLive :code="`<date-picker />`" :components="{ DatePicker }" @error="(e) => handleError(e)">
 </template>
 
 <script>
@@ -35,34 +35,6 @@ export default {
 
 Check out the [demo](http://vue-live.surge.sh) for alternative syntaxes to write your showcases.
 
-## Configuration
-
-```js
-module.exports = {
-  // ...
-  plugins: [
-    [
-      'live',
-      {
-        // to use a custom layout for your vue components
-        layout: path.resolve(__dirname, "../custom-layout")
-      }
-    ],
-    [
-      "@vuepress/register-components",
-      {
-        components: [
-          {
-            name: "vue-slider",
-            path: path.resolve(__dirname, "../vue-slider")
-          }
-        ]
-      }
-    ]
-  ]
-}
-```
-
 ## How to contribute
 
 ```sh

src/Preview.vue

@@ -97,6 +97,12 @@ export default {
       });
     },
     handleError(e) {
+      /**
+       * Emitted every time the component rendered throws an error
+       * Catches runtime and compilation errors
+       * @event
+       * @property { Error } - the error thrown
+       */
       this.$emit("error", e);
       if (e.constructor === VueLiveParseTemplateError) {
         e.message = `Cannot parse template expression: ${e.expression}\n\n${e.message}`;

src/VueLive.vue

@@ -19,6 +19,12 @@
       />
     </template>
     <template v-slot:preview>
+      <!-- 
+        * Emitted every time the component rendered throws an error
+        * Catches runtime and compilation errors
+        * @event error
+        * @property { Error } - the error thrown 
+      -->
       <Preview
         :key="codeKey"
         :code="model"