From b68db8b64281b8f78dad87ad4c9b980fc4766d0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ari=20Perkki=C3=B6?= <ari.perkkio@gmail.com>
Date: Wed, 11 Sep 2024 12:05:12 +0300
Subject: [PATCH] docs: `TopBar` override to mention `open-in-stackblitz-link`
 slot (#324)

---
 docs/tutorialkit.dev/astro.config.ts                         | 5 +++++
 .../src/content/docs/guides/overriding-components.mdx        | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/docs/tutorialkit.dev/astro.config.ts b/docs/tutorialkit.dev/astro.config.ts
index 0e6cffe1..45ca05c1 100644
--- a/docs/tutorialkit.dev/astro.config.ts
+++ b/docs/tutorialkit.dev/astro.config.ts
@@ -13,6 +13,11 @@ export default defineConfig({
       'Cross-Origin-Opener-Policy': 'same-origin',
     },
   },
+  vite: {
+    ssr: {
+      noExternal: '@tutorialkit/react',
+    },
+  },
   integrations: [
     react(),
     UnoCSS(),
diff --git a/docs/tutorialkit.dev/src/content/docs/guides/overriding-components.mdx b/docs/tutorialkit.dev/src/content/docs/guides/overriding-components.mdx
index 79c9e106..1c94dfdf 100644
--- a/docs/tutorialkit.dev/src/content/docs/guides/overriding-components.mdx
+++ b/docs/tutorialkit.dev/src/content/docs/guides/overriding-components.mdx
@@ -44,6 +44,7 @@ tutorialkit({
 When overriding `TopBar` you can place TutorialKit's default components using following [Astro slots](https://docs.astro.build/en/basics/astro-components/#named-slots):
 
 - `logo`: Logo of the application
+- `open-in-stackblitz-link`: Link for opening current lesson in StackBlitz
 - `theme-switch`:  Switch for changing the theme
 - `login-button`: For StackBlitz Enterprise user, the login button
 
@@ -59,6 +60,8 @@ When overriding `TopBar` you can place TutorialKit's default components using fo
 
   <LanguageSelect />
 
+  <slot name="open-in-stackblitz-link" />
+
   <slot name="login-button" />
 </nav>
 ```
\ No newline at end of file