28 lines
984 B
Vue
28 lines
984 B
Vue
|
<template>
|
||
|
|
<template v-for="(doc, i) of docs" :key="doc.label + '_' + i">
|
||
|
|
<section class="py-3">
|
||
|
|
<template v-if="doc.children">
|
||
|
|
<div :id="doc.id">
|
||
|
|
<DocSectionText :id="doc.id" :label="doc.label">
|
||
|
|
{{ doc.description || null }}
|
||
|
|
</DocSectionText>
|
||
|
|
</div>
|
||
|
|
<template v-for="comp of doc.children" :key="comp.label">
|
||
|
|
{{ comp.relatedProp }}
|
||
|
|
<component :is="{ ...comp.component }" :id="comp.id" :label="comp.label" :data="comp.data" :description="comp.description" :level="2" />
|
||
|
|
</template>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template v-else-if="!doc.children && doc.component">
|
||
|
|
<component :is="{ ...doc.component }" :id="doc.id" :label="doc.label" />
|
||
|
|
</template>
|
||
|
|
</section>
|
||
|
|
</template>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: ['docs']
|
||
|
|
};
|
||
|
|
</script>
|