From f8ecd7fc7b77d8a5d7764a39051acf5cd479324b Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Tue, 4 Jun 2024 16:06:12 +0200
Subject: [PATCH 1/3] chore(NcVNodes): add docs

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/NcVNodes/NcVNodes.vue | 49 ++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/src/components/NcVNodes/NcVNodes.vue b/src/components/NcVNodes/NcVNodes.vue
index ae5e4434bb..488c6111cc 100644
--- a/src/components/NcVNodes/NcVNodes.vue
+++ b/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',

From 115f1b373fee6012a3db2ccd028ec51882b3a841 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Tue, 4 Jun 2024 17:32:47 +0200
Subject: [PATCH 2/3] fix(NcVNodes): add missing export in root

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/index.ts b/src/components/index.ts
index c3eb797639..1e3cad8011 100644
--- a/src/components/index.ts
+++ b/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'

From ef1663451bc2841c70d55e88699d91c4726f0042 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Tue, 4 Jun 2024 19:31:01 +0200
Subject: [PATCH 3/3] chore(NcVNodes): brign it back to docs

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 styleguide.config.cjs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/styleguide.config.cjs b/styleguide.config.cjs
index 6126c4cbe6..b4f873f4d5 100644
--- a/styleguide.config.cjs
+++ b/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: [
 					{