Merge pull request #21 from r4fx/master

feat: make requires & components accessible for custom layout

Author: elevatebart

demo/App.vue

@@ -24,12 +24,12 @@
     </div>
     <h2>Custom Layout</h2>
     <div>
+      <p>Attributes available for custom layout: </p>
       <p>
-        Attributes available for custom layout:
-        <code>code: String</code>,
-        <code>language: String</code>
+        <code>code: String</code>, <code>language: String</code>,
+        <code>components: Object</code>, <code>requires: Object</code>
       </p>
-      <VueLive :code="`<input type='button' value='I am Groot' />`" :layout="CustomLayout" />
+      <VueLive :code="`<input type='button' value='I am Groot' />`" :layout="CustomLayout"/>
     </div>
     <h2>It even supports jsx</h2>
     <VueLive :code="realjsx" :layout="CustomLayout" :jsx="true" />

src/VueLive.vue

@@ -1,5 +1,11 @@
 <template>
-  <component :is="layout ? layout : VueLiveDefaultLayout" :code="stableCode" :language="prismLang">
+  <component
+    :is="layout ? layout : VueLiveDefaultLayout"
+    :code="stableCode"
+    :language="prismLang"
+    :requires="requires"
+    :components="components"
+  >
     <template v-slot:editor>
       <PrismEditor v-model="stableCode" @change="updatePreview" :language="prismLang" />
     </template>