feat: api serve frontend, build workflow, router readyness

web/src/components/NavComponent.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { Button, Drawer } from 'primevue'
+import { RouterLink } from 'vue-router'
 
 const visible = ref(false)
 </script>
@@ -9,6 +10,10 @@ const visible = ref(false)
 	<header>
 		<Drawer v-model:visible="visible">
 			<template #container="{ closeCallback }">
+				<ul @click="closeCallback">
+					<li><RouterLink to="/">Home</RouterLink></li>
+					<li><RouterLink to="/article">Article</RouterLink></li>
+				</ul>
 				<div class="button-position">
 					<Button
 						type="button"

web/src/router/index.ts

@@ -3,7 +3,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
 	routes: [
-		{ path: '/', component: () => import('@/views/HomeView.vue')}
+		{ path: '/', component: () => import('@/views/HomeView.vue') },
+		{ path: '/article', component: () => import('@/views/ArticleView.vue') },
 	],
 })
 

web/src/views/ArticleView.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+	<p>Article</p>
+</template>
+
+<style scoped></style>