[next] fix(NcVNodes): add re-export in root export and add docs

src/components/NcVNodes/NcVNodes.vue

@@ -20,6 +20,55 @@
  -
  -->
 
+<docs>
+A util component to render a VNode or an array of VNodes from the prop or the default slot.
+
+### Render the given or generated VNodes
+
+```vue
+<template>
+	<NcVNodes :vnodes="renderDiv()" />
+</template>
+
+<script>
+import { h } from 'vue'
+
+export default {
+	methods: {
+		renderDiv() {
+			return h('div', 'This div was created programmatically as a VNode')
+		},
+	}
+}
+</script>
+```
+
+### Render content in a conditional wrapper
+
+```vue
+<template>
+	<div>
+		<p>
+			<NcCheckboxRadioSwitch v-model="shouldRenderNcNoteCard">Render text inside "NcNoteCard"</NcCheckboxRadioSwitch>
+		</p>
+		<component :is="shouldRenderNcNoteCard ? 'NcNoteCard' : 'NcVNodes'">
+			<p>This content is rendered {{ shouldRenderNcNoteCard ? 'with' : 'without' }} a "NcNoteCard" wrapper</p>
+		</component>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			shouldRenderNcNoteCard: true,
+		}
+	},
+}
+</script>
+```
+</docs>
+
 <script>
 export default {
 	name: 'NcVNodes',

src/components/index.ts

@@ -75,6 +75,7 @@ export { default as NcListItem } from './NcListItem/index.js'
 export { default as NcListItemIcon } from './NcListItemIcon/index.js'
 export { default as NcLoadingIcon } from './NcLoadingIcon/index.js'
 export { default as NcModal } from './NcModal/index.js'
+export { default as NcVNodes } from './NcVNodes/index.js'
 export { default as NcNoteCard } from './NcNoteCard/index.js'
 export { default as NcPasswordField } from './NcPasswordField/index.js'
 export { default as NcPopover } from './NcPopover/index.js'

styleguide.config.cjs

@@ -112,7 +112,6 @@ module.exports = async () => {
 					'src/components/NcSettings*/*.vue',
 					'src/components/NcTextArea/*.vue',
 					'src/components/NcUserBubble/NcUserBubbleDiv.vue',
-					'src/components/NcVNodes*/*.vue',
 				],
 				sections: [
 					{