mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-05-13 09:36:05 +00:00
35efeb983e
Sets up vue-i18n on top of the panel's existing TOML translation files. The Go side stays the source of truth — translators continue to edit web/translation/*.toml; a sync script snapshots those files into per-locale JSON the Vue bundle imports. The login page is translated end-to-end as a worked example; remaining pages can be converted incrementally without infrastructure churn. What's in the box: - scripts/sync-locales.mjs: small TOML→JSON converter that walks web/translation/*.toml and writes frontend/src/locales/<code>.json. Handles the narrow subset of TOML the panel uses (flat key/value pairs + dotted [section.subsection] heads). Wired as a `prebuild` + `predev` script so production builds always include the latest strings without a manual step. - src/i18n/index.js: createI18n() in composition mode with all 13 locales emitted as their own Vite chunks. The active locale (read from the same `lang` cookie LanguageManager has always managed) plus the en-US fallback are eagerly loaded; the rest are dynamically importable via a loadLocale(code) helper. This keeps the per-page bundle the user actually downloads small — only ~30 KB of strings end up in the initial payload, vs ~220 KB if all 13 were eager. - All five page entries (index/login/settings/inbounds/xray) wire the i18n plugin into createApp via .use(i18n). - LoginPage.vue: t(...) replaces hardcoded English on the username / password / 2FA placeholders, the submit button label, and the Settings popover title. The Hello/Welcome headline cycle stays hardcoded — those are stylistic, not labels. The 'Hello'/'Welcome' cycle stays in English deliberately; the rest of the migration's components still ship hardcoded English and will be converted page by page in follow-up commits. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
34 lines
942 B
JSON
34 lines
942 B
JSON
{
|
|
"name": "x-ui-frontend",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"description": "3x-ui panel frontend (Vue 3 + Ant Design Vue 4). Built with Vite into ../web/dist/ and embedded by the Go binary.",
|
|
"scripts": {
|
|
"i18n:sync": "node scripts/sync-locales.mjs",
|
|
"predev": "node scripts/sync-locales.mjs",
|
|
"prebuild": "node scripts/sync-locales.mjs",
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"lint": "eslint src --ext .js,.vue"
|
|
},
|
|
"dependencies": {
|
|
"@ant-design/icons-vue": "^7.0.1",
|
|
"ant-design-vue": "^4.2.6",
|
|
"axios": "^1.7.9",
|
|
"dayjs": "^1.11.20",
|
|
"moment": "^2.30.1",
|
|
"otpauth": "^9.5.1",
|
|
"qrious": "^4.0.2",
|
|
"qs": "^6.13.1",
|
|
"vue": "^3.5.13",
|
|
"vue-i18n": "^11.1.4"
|
|
},
|
|
"devDependencies": {
|
|
"@vitejs/plugin-vue": "^6.0.6",
|
|
"eslint": "^9.17.0",
|
|
"eslint-plugin-vue": "^9.32.0",
|
|
"vite": "^8.0.11"
|
|
}
|
|
}
|