add inline option to demo component

This commit is contained in:
Philipp Kühn
2020-12-02 22:21:46 +01:00
parent 14b7c03efa
commit 6ddfd3c426
3 changed files with 12 additions and 2 deletions

View File

@@ -1,5 +1,9 @@
<template>
<div class="demo">
<div v-if="inline && mainFile">
<component :is="mainFile" v-if="mode === 'vue'" />
<react-renderer :component="mainFile" v-if="mode === 'react'" />
</div>
<div class="demo" v-else>
<template v-if="mainFile">
<div class="demo__preview">
<component :is="mainFile" v-if="mode === 'vue'" />
@@ -57,6 +61,11 @@ export default {
default: 'vue',
},
inline: {
type: Boolean,
default: false,
},
highlight: {
type: String,
default: null,