Lingo.dev + .json (Vue.js)

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

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

快速设置

为 Vue.js i18n 语言文件配置：

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

提醒：[locale] 是一个占位符，在配置中应保持原样，因为它会在 CLI 运行期间被实际的语言代码替换。

翻译 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>"
  }
}

组件插值