From 01b8ac1dae0fed8a011cf201ed7dd6f8934d3a33 Mon Sep 17 00:00:00 2001
From: Hatem Hosny <hatemhosny@gmail.com>
Date: Mon, 11 May 2026 11:29:17 +0300
Subject: [PATCH] docs(SDK): fix Svelte code snippets

---
 docs/docs/markdown-to-livecodes.mdx | 6 ++++++
 docs/src/components/LiveCodes.tsx   | 4 +---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/docs/docs/markdown-to-livecodes.mdx b/docs/docs/markdown-to-livecodes.mdx
index 718f2a2576..dfac9252d6 100644
--- a/docs/docs/markdown-to-livecodes.mdx
+++ b/docs/docs/markdown-to-livecodes.mdx
@@ -580,3 +580,9 @@ export default defineConfig({
   },
 });
 ```
+
+### Xlog
+
+([demo](https://xlog.emadelsaid.com/docs/Features%20Test/#blocks))
+
+LiveCodes is natively supported by [Xlog](https://xlog.emadelsaid.com/) as an [official extension](https://xlog.emadelsaid.com/docs/official%20extensions/#livecodes-interactive-playgrounds).
diff --git a/docs/src/components/LiveCodes.tsx b/docs/src/components/LiveCodes.tsx
index 43c7e45662..1dda0bb857 100644
--- a/docs/src/components/LiveCodes.tsx
+++ b/docs/src/components/LiveCodes.tsx
@@ -61,9 +61,7 @@ const options = ${stringify(options)};
 <script>
 import LiveCodes from 'livecodes/svelte';
 
-export default function App() {
-  const options = ${stringify(options)};
-}
+const options = ${stringify(options)};
 </script>
 
 <LiveCodes {...options} />