feat: completed wodox locale; improved i18n logic

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

@@ -1,27 +1,30 @@
+<script setup lang="ts">
+import { useLocale } from '@/i18n';
+
+const locale = useLocale();
+</script>
+
+
 <template>
 	<div>
 		<section class="section">
-			<h1 class="title">Tropos-agnostic search</h1>
+			<h1 class="title">{{ locale.kotoba.title }}</h1>
 		</section>
 
 		<section class="section container">
 			<div class="notification is-info block">
-				<p>To searcn tropos-agnostically, enter a term below.</p>
+				<p>{{ locale.kotoba.searchHelp }}</p>
 			</div>
 
 			<div class="block is-flex is-flex-direction-row is-gap-2">
 				<input class="input" type="text"></input>
 			</div>
 
-			
+
 			<div class="container">
-				
+
 			</div>
-			
+
 		</section>
 	</div>
 </template>
-
-<script setup lang="ts">
-
-</script>