Merged new Docs and Demos

layouts/doc/DocSections.vue

@@ -0,0 +1,27 @@
+<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>