update docs

Author: Trilmatic

docs/v1/vue.md

@@ -10,7 +10,7 @@ import Form from '@forms.js/vue';
 
 export default {
   components: {
-    Form,
+    'forms-js': Form,
   },
   data: function () {
     return {
@@ -32,24 +32,24 @@ export default {
 <template>
   <div>
     <h1>Demo Form</h1>
-    <Form :options="options" />
+    <forms-js :options="options" />
   </div>
 </template>
 ```
 
 ### Props
-
 The component supports two props:
 
 -   `options: FormOptions` - <span class="badge warning">required</span> The form options (<a href="https://formsjs.io/documentation/v1/form">see more</a>).
 -   `plugins: PluginSettings | PluginSettings[]` - if form needs to use any plugins you can pass them into the form through this options.
 
+### Example
 
-<!--<iframe height="300" style="width: 100%;" scrolling="no" title="forms.js - vue example" src="https://codepen.io/trilmatic/embed/vYPVXQg?default-tab=js%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
-  See the Pen <a href="https://codepen.io/trilmatic/pen/vYPVXQg">
+<iframe height="400" style="width: 100%;" scrolling="no" title="forms.js - vue example" src="https://codepen.io/trilmatic/embed/KKEGNjp?default-tab=js%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+  See the Pen <a href="https://codepen.io/trilmatic/pen/KKEGNjp">
   forms.js - vue example</a> by Trilmatic (<a href="https://codepen.io/trilmatic">@trilmatic</a>)
   on <a href="https://codepen.io">CodePen</a>.
-</iframe>-->
+</iframe>
 
 Vue component currently does not support templating, the feature is being developed.