adding summary

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>

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
+    },
   ]
 })
 

src/views/SummaryView.vue

@@ -0,0 +1,6 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	Summary
+</template>