Merge pull request #19 from r4fx/master

feat: make code & language accessible for custom layout

Author: elevatebart

demo/App.vue

@@ -19,9 +19,14 @@
       :delay="2000"
     />
     <h2>Default Layout</h2>
-    <div style="width:950px; width:950px; max-width:95vw; margin:20px auto;">
+    <div style="width:950px; max-width:95vw; margin:20px auto;">
       <VueLive :code="`<input type='button' value='I am Groot' />`"/>
     </div>
+    <h2>Custom Layout</h2>
+    <div>
+      <p>Attributes available for custom layout: <code>code: String</code>, <code>language: String</code></p>
+      <VueLive :code="`<input type='button' value='I am Groot' />`" :layout="CustomLayout"/>
+    </div>
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
   </main>
 </template>

src/VueLive.vue

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