From 0710c9a16955251cda7b997927f207098394817f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Mon, 29 Jan 2024 10:15:32 +0100
Subject: [PATCH] fix(docs): bring back NcAppSidebar in docs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 src/components/NcContent/NcContent.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/NcContent/NcContent.vue b/src/components/NcContent/NcContent.vue
index d16b493294..f11a3ddeab 100644
--- a/src/components/NcContent/NcContent.vue
+++ b/src/components/NcContent/NcContent.vue
@@ -34,6 +34,7 @@ It also will set the skip content buttons needed for accessibility.
 
 ```vue
 	<template>
+		<div id="skip-actions" />
 		<NcContent app-name="forms">
 			<NcAppNavigation>
 				<template #list>
@@ -49,9 +50,9 @@ It also will set the skip content buttons needed for accessibility.
 				<h2>Your main app content here</h2>
 				<NcButton @click="opened = !opened">Toggle sidebar</NcButton>
 			</NcAppContent>
-			<!-- Todo: Bring back once migrated
-			<NcAppSidebar v-if="opened" name="cat-picture.jpg" @close="opened=false"></NcAppSidebar>
-			-->
+			<NcAppSidebar v-if="opened" name="cat-picture.jpg" @close="opened=false">
+				Sidebar content
+			</NcAppSidebar>
 		</NcContent>
 	</template>
 	<script>
@@ -68,6 +69,13 @@ It also will set the skip content buttons needed for accessibility.
 		}
 	}
 	</script>
+	<style>
+		#content-vue {
+			position: relative;
+			width: 800px;
+			height: 400px;
+		}
+	</style>
 ```
 
 </docs>
@@ -100,7 +108,6 @@ It also will set the skip content buttons needed for accessibility.
 					:svg="currentImage"
 					size="auto" />
 			</div>
-			&nbsp;<!-- TODO: Remove with vue3! This is a bug of vue-simple-portal that does not allow a single child, ref LinusBorg/vue-simple-portal#20 -->
 		</Teleport>
 		<slot />
 	</div>