summary sections

src/App.vue

@@ -12,6 +12,9 @@
 				<li>
 					<RouterLink to="/summary">Summary</RouterLink>
 				</li>
+				<li>
+					<RouterLink to="/songs">Songs</RouterLink>
+				</li>
 			</ul>
 		</nav>
 	</header>

src/router/index.ts

@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import SummaryView from '../views/SummaryView.vue'
+import SongsView from '../views/SongsView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -15,6 +16,11 @@ const router = createRouter({
       name: 'summary',
       component: SummaryView
     },
+    {
+      path: '/songs',
+      name: 'songs',
+      component: SongsView 
+    },
   ]
 })
 

src/views/SongsView.vue

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