Skip to content

Commit 90bbb93

Browse files
committed
feat: make requires & components accessible for custom layout
1 parent b1d23e1 commit 90bbb93

File tree

2 files changed

+12
-2
lines changed

2 files changed

+12
-2
lines changed

demo/App.vue

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,11 @@
2424
</div>
2525
<h2>Custom Layout</h2>
2626
<div>
27-
<p>Attributes available for custom layout: <code>code: String</code>, <code>language: String</code></p>
27+
<p>Attributes available for custom layout: </p>
28+
<p>
29+
<code>code: String</code>, <code>language: String</code>,
30+
<code>components: Object</code>, <code>requires: Object</code>
31+
</p>
2832
<VueLive :code="`<input type='button' value='I am Groot' />`" :layout="CustomLayout"/>
2933
</div>
3034
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">

src/VueLive.vue

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
<template>
2-
<component :is="layout ? layout : VueLiveDefaultLayout" :code="stableCode" :language="prismLang">
2+
<component
3+
:is="layout ? layout : VueLiveDefaultLayout"
4+
:code="stableCode"
5+
:language="prismLang"
6+
:requires="requires"
7+
:components="components"
8+
>
39
<template v-slot:editor>
410
<PrismEditor v-model="stableCode" @change="updatePreview" :language="prismLang"/>
511
</template>

0 commit comments

Comments
 (0)