feat: completed wodox locale; improved i18n logic

apps/vdn-static/src/App.vue

@@ -3,6 +3,7 @@ import "./assets/style.scss";
 import { ref, type Ref } from "vue";
 import LocalePicker from "./components/organisms/LocalePicker.vue";
 import { vOnClickOutside } from "@vueuse/components";
+import { useLocale } from "./i18n";
 
 const burgerOpen: Ref<boolean> = ref<boolean>(false);
 
@@ -13,6 +14,8 @@ const toggleBurger = (): void => {
 const closeBurger = (): void => {
 	burgerOpen.value = false;
 };
+
+const locale = useLocale();
 </script>
 
 <template>
@@ -45,18 +48,18 @@ const closeBurger = (): void => {
 						class="navbar-item"
 						to="/"
 						@click="closeBurger()"
-						>What is Viossa?</RouterLink
+						>{{ locale.navbar.whatIsViossa }}</RouterLink
 					>
 					<RouterLink
 						class="navbar-item"
 						to="/resources"
 						@click="closeBurger()"
-						>Resources</RouterLink
+						>{{ locale.navbar.resources }}</RouterLink
 					>
 					<RouterLink class="navbar-item" to="/kotoba">
-						Kotoba
+						{{ locale.navbar.kotoba }}
 					</RouterLink>
-					<LocalePicker class="navbar-item"/>
+					<LocalePicker class="navbar-item" />
 				</div>
 			</div>
 		</nav>