feat: add API

- try localhost:1225/search?search_term=akk

apps/vdn-static/package.json

@@ -11,6 +11,7 @@
 	"dependencies": {
 		"@tailwindcss/vite": "^4.1.6",
 		"@types/node": "^22.15.17",
+		"axios": "^1.11.0",
 		"bulma": "^1.0.4",
 		"tailwindcss": "^4.1.6",
 		"vue": "^3.5.13",

apps/vdn-static/src/App.vue

@@ -42,9 +42,9 @@ const toggleBurger = (): void => {
 					<RouterLink class="navbar-item" to="/resources"
 						>Resources</RouterLink
 					>
-					<RouterLink class="navbar-item" to="/resources">{{
-						SAMPLE
-					}}</RouterLink>
+					<RouterLink class="navbar-item" to="/kotoba">
+						Kotoba
+					</RouterLink>
 				</div>
 			</div>
 		</nav>

apps/vdn-static/src/components/pages/KotobaPage.vue

@@ -0,0 +1,17 @@
+<template>
+	<div>
+		<section class="section">
+			<h1 class="title">Tropos-agnostic search</h1>
+		</section>
+
+		<section class="section container">
+			<input type="text" name="text" id="aaa">
+		</section>
+	</div>
+</template>
+
+<!--  -->
+
+<script setup lang="ts">
+
+</script>

apps/vdn-static/src/routes/index.ts

@@ -3,10 +3,12 @@ import type { RouteRecordRaw } from "vue-router";
 
 import HomePage from "@/components/pages/HomePage.vue";
 import ResourcesPage from "@/components/pages/ResourcesPage.vue";
+import KotobaPage from "@/components/pages/KotobaPage.vue";
 
 const routes: RouteRecordRaw[] = [
 	{ path: "/", name: "Home", component: HomePage },
 	{ path: "/resources", name: "Resources", component: ResourcesPage },
+	{ path: "/kotoba", name: "Kotoba", component: KotobaPage },
 	// {
 	//   path: '/:pathMatch(.*)*',  // Vue Router 4 catch-all for 404s
 	//   name: 'NotFound',