diff --git a/src/App.vue b/src/App.vue
index 49852f0..decd96e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
+	import { RouterLink, RouterView } from 'vue-router'
 </script>
 
 <template>
 	<header>
 		<nav>
-			<RouterLink to="/">Home</RouterLink>
+			<ul>
+				<li>
+					<RouterLink to="/">Home</RouterLink>
+				</li>
+				<li>
+					<RouterLink to="/summary">Summary</RouterLink>
+				</li>
+			</ul>
 		</nav>
 	</header>
 	<main>
 		<RouterView />
 	</main>
 </template>
-
-<style scoped>
-</style>
diff --git a/src/router/index.ts b/src/router/index.ts
index e58491f..9408195 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
+import SummaryView from '../views/SummaryView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -8,7 +9,12 @@ const router = createRouter({
       path: '/',
       name: 'home',
       component: HomeView
-    }
+    },
+    {
+      path: '/summary',
+      name: 'summary',
+      component: SummaryView
+    },
   ]
 })
 
diff --git a/src/views/SummaryView.vue b/src/views/SummaryView.vue
new file mode 100644
index 0000000..28ae13d
--- /dev/null
+++ b/src/views/SummaryView.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	Summary
+</template>