i18n admin

frontend/admin/README.md

@@ -14,6 +14,17 @@ See https://stackoverflow.com/a/76446465 for icon/static assets
 
 Then you can launch alf.io normally and go to localhost:8080/admin/ -> all the components exported in the main.ts will be available.
 
+
+## i18n
+
+### extract i18n and generate locales
+
+> npm run lit-localize-extract
+
+### Then update the translated xlf and run
+
+> npm run lit-localize-build
+
 ## update deps
 
 > npx npm-check-updates -u

frontend/admin/lit-localize.json

@@ -0,0 +1,15 @@
+{
+    "$schema": "https://raw.githubusercontent.com/lit/lit/main/packages/localize-tools/config.schema.json",
+    "sourceLocale": "en",
+    "targetLocales": ["it"],
+    "tsConfig": "./tsconfig.json",
+    "output": {
+      "mode": "runtime",
+      "outputDir": "./src/generated/locales",
+      "localeCodesModule": "./src/generated/locale-codes.ts"
+    },
+    "interchange": {
+      "format": "xliff",
+      "xliffDir": "./xliff/"
+    }
+}

frontend/admin/package.json

@@ -6,16 +6,20 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build --mode production",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lit-localize-extract": "lit-localize extract",
+    "lit-localize-build": "lit-localize build"
   },
   "dependencies": {
-    "@lit/context": "1.1.1",
-    "@lit/task": "1.0.0",
-    "@shoelace-style/shoelace": "2.15.0",
-    "@tanstack/lit-form": "^0.20.3",
-    "lit": "3.1.3"
+    "@lit/context": "1.1.2",
+    "@lit/localize": "0.12.1",
+    "@lit/task": "1.0.1",
+    "@shoelace-style/shoelace": "2.15.1",
+    "@tanstack/lit-form": "0.25.0",
+    "lit": "3.1.4"
   },
   "devDependencies": {
+    "@lit/localize-tools": "0.7.2",
     "typescript": "5.4.5",
     "vite": "5.2.11",
     "vite-plugin-static-copy": "1.0.4"