diff --git a/examples/snowpack/astro/components/BaseHead.astro b/examples/snowpack/astro/components/BaseHead.astro
new file mode 100644
index 000000000..b24861ca6
--- /dev/null
+++ b/examples/snowpack/astro/components/BaseHead.astro
@@ -0,0 +1,38 @@
+---
+import Banner from './Banner.astro';
+import Nav from './Nav.astro';
+
+export let title: string;
+export let description: string;
+export let permalink: string;
+---
+
+
+
+
+
+
+
+
+
+{title}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/snowpack/astro/components/BaseLayout.astro b/examples/snowpack/astro/components/BaseLayout.astro
new file mode 100644
index 000000000..2e141a83f
--- /dev/null
+++ b/examples/snowpack/astro/components/BaseLayout.astro
@@ -0,0 +1,20 @@
+---
+import Banner from './Banner.astro';
+import Nav from './Nav.astro';
+---
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/examples/snowpack/astro/components/MainLayout.astro b/examples/snowpack/astro/components/MainLayout.astro
new file mode 100644
index 000000000..dbc714510
--- /dev/null
+++ b/examples/snowpack/astro/components/MainLayout.astro
@@ -0,0 +1,23 @@
+---
+import BaseLayout from './BaseLayout.astro';
+import Menu from './Menu.astro';
+export function setup({ context }) {
+return {};
+}
+---
+
+
+
+
\ No newline at end of file
diff --git a/examples/snowpack/astro/components/Nav.astro b/examples/snowpack/astro/components/Nav.astro
index d679553c6..8ca95cb2a 100644
--- a/examples/snowpack/astro/components/Nav.astro
+++ b/examples/snowpack/astro/components/Nav.astro
@@ -1,5 +1,5 @@
---
- export let props: { version: string };
+export let version: string = '3.1.2';
---
+ @media (max-width: 1200px) {
+ .cover-blur {
+ object-fit: cover;
+ }
+ .cover {
+ object-fit: cover;
+ }
+ }
+
+
+
-
-
-
-
-
+
+
+
+
+
-
-
-
- {context.title}
-
-
-
+
-
-
-
+