diff --git a/docs/docs/markdown-to-livecodes.mdx b/docs/docs/markdown-to-livecodes.mdx
index 718f2a257..dfac9252d 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 43c7e4566..1dda0bb85 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} />