Lingo.dev + .json (Vue.js)

Die Lingo.dev CLI unterstützt Vue I18n Single-File-Komponenten, wodurch Sie Übersetzungen innerhalb Ihrer .vue-Dateien verwalten können.

Hinweis: Wenn Ihre Vue.js-Anwendung JSON-Sprachdateien verwendet, nutzen Sie das .json-Format für das Frontend.

Schnelle Einrichtung

Erstellen Sie eine i18n.json Konfigurationsdatei im Hauptverzeichnis Ihres Projekts:

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

Diese Konfiguration legt Englisch als Quellsprache fest, zielt auf Spanisch, Französisch und Deutsch ab und verarbeitet alle .vue Dateien im src Verzeichnis.

Vue i18n Dateien übersetzen

npx lingo.dev@latest i18n

Bewahrt Vue.js Nachrichtenformatierung, Interpolationsplatzhalter und vue-i18n-spezifische Syntax.

Vue i18n Funktionen

Nachrichteninterpolation

{
  "message": {
    "hello": "Hallo {name}!",
    "welcome": "Willkommen {name}, Sie haben {count} Nachrichten"
  }
}

Pluralisierungsregeln

{
  "car": "Auto | Autos",
  "apple": "keine Äpfel | ein Apfel | {count} Äpfel"
}

Verknüpfte Nachrichten

{
  "common": {
    "name": "Anwendungsname"
  },
  "welcome": "Willkommen bei @:common.name"
}

Vue's @: Nachrichtenverknüpfungssyntax wird beibehalten.

Erweiterte Vue-Funktionen

HTML-Nachrichtenunterstützung

{
  "message": {
    "title": "Willkommen auf <strong>unserer Plattform</strong>",
    "link": "Besuchen Sie unser <a href='/help'>Hilfecenter</a>"
  }
}