From 5ec589f22072bcd63327008ff9a6165582b57921 Mon Sep 17 00:00:00 2001
From: Nate Moore <nate@skypack.dev>
Date: Sun, 27 Mar 2022 09:52:55 -0500
Subject: [PATCH] fix: remove images from example

---
 examples/router/src/components/Box.astro           | 14 ++++++++++++++
 .../router/src/pages/routes/dashboard/one.astro    |  8 ++++++--
 .../router/src/pages/routes/dashboard/three.astro  |  8 ++++++--
 .../router/src/pages/routes/dashboard/two.astro    |  6 +++++-
 4 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 examples/router/src/components/Box.astro

diff --git a/examples/router/src/components/Box.astro b/examples/router/src/components/Box.astro
new file mode 100644
index 0000000000..b6c80dc34e
--- /dev/null
+++ b/examples/router/src/components/Box.astro
@@ -0,0 +1,14 @@
+---
+const { color = "red" } = Astro.props;
+---
+
+<div class="box" />
+
+<style define:vars={{ color }}>
+	.box {
+		--size: 400px;
+		width: var(--size);
+		height: var(--size);
+		background: var(--color);
+	}
+</style>
diff --git a/examples/router/src/pages/routes/dashboard/one.astro b/examples/router/src/pages/routes/dashboard/one.astro
index adac548e39..916312ef1d 100644
--- a/examples/router/src/pages/routes/dashboard/one.astro
+++ b/examples/router/src/pages/routes/dashboard/one.astro
@@ -1,3 +1,7 @@
-<h3>One</h3>
+---
+import Box from '../../../components/Box.astro'
+---
 
-<img src="https://images.unsplash.com/photo-1608178398319-48f814d0750c" width="640">
+<h3>Two</h3>
+
+<Box color="red" />
diff --git a/examples/router/src/pages/routes/dashboard/three.astro b/examples/router/src/pages/routes/dashboard/three.astro
index 2ee33e96ed..fb41f471f3 100644
--- a/examples/router/src/pages/routes/dashboard/three.astro
+++ b/examples/router/src/pages/routes/dashboard/three.astro
@@ -1,3 +1,7 @@
-<h3>Three</h3>
+---
+import Box from '../../../components/Box.astro'
+---
 
-<img src="https://images.unsplash.com/photo-1462331940025-496dfbfc7564" width="640">
+<h3>Two</h3>
+
+<Box color="blue" />
diff --git a/examples/router/src/pages/routes/dashboard/two.astro b/examples/router/src/pages/routes/dashboard/two.astro
index a473e9fe9b..b8dfabfb90 100644
--- a/examples/router/src/pages/routes/dashboard/two.astro
+++ b/examples/router/src/pages/routes/dashboard/two.astro
@@ -1,3 +1,7 @@
+---
+import Box from '../../../components/Box.astro'
+---
+
 <h3>Two</h3>
 
-<img src="https://images.unsplash.com/photo-1610296669228-602fa827fc1f" width="640">
+<Box color="green" />