diff --git a/www/package.json b/www/package.json
index 09f768de1b..4504f2a396 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
"copy": "node scripts/copy.js"
},
"dependencies": {
- "astro": "~0.13.0",
+ "astro": "^0.15.1",
"date-fns": "^2.19.0",
"docsearch.js": "^2.6.3"
}
diff --git a/www/src/components/BaseHead.astro b/www/src/components/BaseHead.astro
index ed86c14ba2..4bd633526f 100644
--- a/www/src/components/BaseHead.astro
+++ b/www/src/components/BaseHead.astro
@@ -1,9 +1,5 @@
---
-import Nav from './Nav.astro';
-
-export let title: string;
-export let description: string;
-export let permalink: string;
+const { title, description, permalink } = Astro.props;
---
diff --git a/www/src/components/BaseLayout.astro b/www/src/components/BaseLayout.astro
index c8570aada1..fb17a5be94 100644
--- a/www/src/components/BaseLayout.astro
+++ b/www/src/components/BaseLayout.astro
@@ -1,10 +1,13 @@
---
import Banner from './Banner.astro';
import Nav from './Nav.astro';
+
+// TODO: allow fetch() in components & layouts: https://github.com/snowpackjs/astro/issues/551
+let version = '3.7.0';
---
-
+
diff --git a/www/src/components/Button.astro b/www/src/components/Button.astro
index 00e14f01b5..15b722893c 100644
--- a/www/src/components/Button.astro
+++ b/www/src/components/Button.astro
@@ -1,5 +1,5 @@
---
-export let style;
+const { style } = Astro.props;
---