2 files changed, 6 insertions, 3 deletions
diff --git a/examples/docs/src/components/Note.astro b/examples/docs/src/components/Note.astro
index 46940ddf8..c57ede3a0 100644
--- a/examples/docs/src/components/Note.astro
+++ b/examples/docs/src/components/Note.astro
@@ -1,6 +1,9 @@
 ---
-export let type = "tip";
-export let title;
+export interface Props {
+  title: string;
+  type?: 'tip' | 'warning' | 'error'
+}
+const { type = 'tip', title } = Astro.props;
 ---
 
 <aside class={`note type-${type}`}>
diff --git a/examples/docs/src/layouts/Main.astro b/examples/docs/src/layouts/Main.astro
index 77407918a..0f1e6efe4 100644
--- a/examples/docs/src/layouts/Main.astro
+++ b/examples/docs/src/layouts/Main.astro
@@ -4,7 +4,7 @@ import SiteSidebar from '../components/SiteSidebar.astro';
 import ThemeToggle from '../components/ThemeToggle.tsx';
 import DocSidebar from '../components/DocSidebar.tsx';
 
-export let content;
+const { content } = Astro.props;
 const headers = content?.astro?.headers;
 let editHref = Astro?.request?.url?.pathname?.slice(1) ?? '';
 if (editHref === '') editHref = `index`;