feat: implement components prop

Author: elevatebart

src/Preview.vue

@@ -23,6 +23,10 @@ export default {
     scoped: {
       type: Boolean,
       default: true
+    },
+    components: {
+      type: Object,
+      default: () => {}
     }
   },
   data() {
@@ -84,6 +88,8 @@ export default {
         this.handleError(e);
       }
 
+      data.components = this.components;
+
       // eslint-disable-next-line no-new
       const vueInstance = new Vue({
         el: `#${this.scope}`,

src/VueLive.vue

@@ -4,7 +4,12 @@
       <PrismEditor v-model="model" :language="prismLang"/>
     </template>
     <template v-slot:preview>
-      <Preview :key="codeKey" :code="model" @detect-language="switchLanguage"/>
+      <Preview
+        :key="codeKey"
+        :code="model"
+        @detect-language="switchLanguage"
+        :components="components"
+      />
     </template>
   </VueLiveLayout>
 </template>
@@ -34,7 +39,12 @@ export default {
       required: true
     },
     layout: {
-      type: Object
+      type: Object,
+      default: undefined
+    },
+    components: {
+      type: Object,
+      default: () => {}
     }
   },
   data() {