feat: add i18n package (#545)

* bump

* lang

* ffi

* locale

* pt-BR

* i18n

* en-US

* vite

* import

* i18n

* build-app

* i18n

* just

* i18n

* locale

* useMarket

* fix imports

* onError

* clippy

Author: ferreira-tb

.github/workflows/release.yml

@@ -79,6 +79,7 @@ jobs:
         run: |
           pnpm ci
           pnpm run -F @tsukilabs/nil-bindings build
+          pnpm run -F @tsukilabs/nil-i18n build
 
       - name: Run tests
         run: cargo -Zscript scripts/test.rs

.vscode/settings.json

@@ -28,7 +28,7 @@
   "js/ts.tsdk.path": "node_modules/typescript/lib",
   "rust-analyzer.linkedProjects": [
     "./Cargo.toml",
-    "./scripts/build-client.rs",
+    "./scripts/build-app.rs",
     "./scripts/build-docs.rs",
     "./scripts/build-ffi.rs",
     "./scripts/build-server.rs",

Cargo.lock

@@ -23,7 +23,7 @@ members = [
 
 [workspace.package]
 description = "Multiplayer strategy game"
-version = "0.7.14"
+version = "0.7.15"
 edition = "2024"
 rust-version = "1.99"
 license = "AGPL-3.0-only"

Cargo.toml

@@ -14,7 +14,7 @@ Call of Nil requires a [nightly Rust toolchain](https://rust-lang.github.io/rust
 ```sh
 git clone https://github.com/tsukilabs/nil.git
 cd nil
-cargo -Zscript scripts/build-client.rs
+cargo -Zscript scripts/build-app.rs
 ```
 
 ## Library usage

README.md

@@ -10,7 +10,8 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@tsukilabs/nil-bindings": "workspace:*"
+    "@tsukilabs/nil-bindings": "workspace:*",
+    "@tsukilabs/nil-i18n": "workspace:*"
   },
   "devDependencies": {
     "tailwindcss": "=4.3.3"

app/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2.0.0",
   "productName": "Call of Nil",
-  "version": "0.7.14",
+  "version": "0.7.15",
   "identifier": "tsukilabs.nil",
   "build": {
     "beforeDevCommand": "pnpm run -F ui dev",

app/src-tauri/tauri.conf.json

@@ -3,12 +3,12 @@
 
 <script setup lang="ts">
 import { router } from "@/router";
-import { useI18n } from "vue-i18n";
 import { Sonner } from "@ui/sonner";
 import * as commands from "@/commands";
 import { handleError } from "@/lib/error";
 import { nextTick, onMounted } from "vue";
 import { handleProcessArgs } from "@/lib/env";
+import { useI18n } from "@tsukilabs/nil-i18n";
 import Loading from "@/components/Loading.vue";
 import { useSettings } from "@/stores/settings";
 import { ListenerSet } from "@/lib/listener-set";
@@ -71,6 +71,7 @@ function setColorMode(mode: BasicColorSchema) {
 
 function setLocale(value: Locale) {
   i18n.locale.value = value;
+  document.querySelector("html")?.setAttribute("lang", value);
 }
 </script>
 

app/src/App.vue

@@ -2,7 +2,7 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-only -->
 
 <script vapor lang="ts">
-import { useI18n } from "vue-i18n";
+import { useI18n } from "@tsukilabs/nil-i18n";
 import { computed, ref } from "vue";
 import { PLACEHOLDER } from "@/lib/string";
 import type { Option } from "@tb-dev/utils";

app/src/components/CityTable.vue

@@ -3,7 +3,7 @@
 
 <script vapor lang="ts">
 import { Input } from "@ui/input";
-import { useI18n } from "vue-i18n";
+import { useI18n } from "@tsukilabs/nil-i18n";
 import { Button } from "@ui/button";
 import type { MaybePromise } from "@tb-dev/utils";
 import { useChatInput } from "@/composables/chat/useChatInput";