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"