Lingo.dev + .json (Vue.js)

Lingo.dev CLI 支持 Vue I18n 单文件组件，允许您将翻译保存在 .vue 文件中。

注意： 如果您的 Vue.js 应用程序使用 JSON 语言文件，请为前端使用 .json 格式。

快速设置

在项目根目录中创建一个 i18n.json 配置文件：

{
  "version": "1.10",
  "locale": {
    "source": "en",
    "targets": ["es", "fr", "de"]
  },
  "buckets": {
    "vue-json": {
      "include": ["src/**/*.vue"]
    }
  }
}

此配置将英语设置为源语言，目标语言为西班牙语、法语和德语，并处理 src 目录中的所有 .vue 文件。

翻译 Vue i18n 文件

npx lingo.dev@latest i18n

保留 Vue.js 消息格式、插值占位符和 vue-i18n 特定语法。

Vue i18n 功能

消息插值

{
  "message": {
    "hello": "Hello {name}!",
    "welcome": "Welcome {name}, you have {count} messages"
  }
}

复数规则

{
  "car": "car | cars",
  "apple": "no apples | one apple | {count} apples"
}

消息链接

{
  "common": {
    "name": "Application Name"
  },
  "welcome": "Welcome to @:common.name"
}

Vue 的 @: 消息链接语法被保留。

高级 Vue 功能

HTML 消息支持

{
  "message": {
    "title": "Welcome to <strong>our platform</strong>",
    "link": "Visit our <a href='/help'>help center</a>"
  }
}

组件插值