feat: completed wodox locale; improved i18n logic

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

@@ -19,7 +19,7 @@ const locale = useLocale();
 
 		<section class="section container">
 			<HomeSectionWrapper
-				v-for="(section, index) in localizeLayout(locale.home)"
+				v-for="(section, index) in localizeLayout(locale.home.layout)"
 				:key="index"
 				:title="section.title"
 				:text="section.text"

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>

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

@@ -9,12 +9,14 @@ const locale = useLocale();
 <template>
 	<div>
 		<section class="section">
-			<h1 class="title">Learning Resources</h1>
+			<h1 class="title">{{ locale.resources.title }}</h1>
 		</section>
 
 		<section class="section container">
 			<LearningResourceWrapper
-				v-for="(resource, index) in localizeLayout(locale.resources)"
+				v-for="(resource, index) in localizeLayout(
+					locale.resources.layout,
+				)"
 				:key="index"
 				:title="resource.title"
 				:subtitle="resource.subtitle"