fix: use vue component inst/ $options.components

Author: elevatebart

demo/assets/PureTemplate.html

@@ -2,4 +2,7 @@
 let today = new Date();
 
 <input type="checkbox" v-model="show">
-<date-picker v-if="show" :value="today"/>
+<date-picker 
+  style="text-align:center;" 
+  v-if="show" 
+  :value="today"/>

src/Preview.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div style="color:red" v-if="error">{{this.error}}</div>
-    <VuePreview v-if="!error" :id="scope"/>
+    <component v-if="!error && previewedComponent" :id="scope" :is="previewedComponent"/>
   </div>
 </template>
 
@@ -45,6 +45,7 @@ export default {
   data() {
     return {
       scope: this.generateScope(),
+      previewedComponent: undefined,
       error: false
     };
   },
@@ -114,7 +115,7 @@ export default {
       }
 
       if (data.template || data.render) {
-        this.$options.components.VuePreview = data;
+        this.previewedComponent = data;
       }
     }
   }