Created de-de translations (#111)

ijlee2 · web-flow · commit 3613b79baaeb · 2023-03-22T11:27:01.000+01:00
* Temporarily set the default locale to de-de

* Created translations for the application

* Created translations for Generating Files

* Created translations for Component Templates

* Created translations for Component Properties

* Created translations for Actions

* Created translations for Component Lifecycle

* Created translations for Routes

* Revert "Temporarily set the default locale to de-de"

This reverts commit fbd41593d75b309f0e00c1fe75d2c3628c10b0a7.

* Added Percy snapshot

---------

Co-authored-by: ijlee2 &lt;ijlee2@users.noreply.github.com&gt;
diff --git a/app/services/locale.js b/app/services/locale.js
@@ -4,7 +4,14 @@ import Service, { service } from '@ember/service';
   To help with maintainenance, please list
   the supported locales in alphabetical order.
 */
-const supportedLocales = new Set(['en-US', 'es', 'fr-FR', 'ja', 'pt-BR']);
+const supportedLocales = new Set([
+  'de-DE',
+  'en-US',
+  'es',
+  'fr-FR',
+  'ja',
+  'pt-BR',
+]);
 
 export default class LocaleService extends Service {
   @service intl;
diff --git a/snippets/component-templates/template-arguments-named/classic.hbs b/snippets/component-templates/template-arguments-named/classic.hbs
@@ -1 +1 @@
-{{my-component answer=42}}
+{{my-component answer=answer}}
diff --git a/snippets/component-templates/template-arguments-named/octane.hbs b/snippets/component-templates/template-arguments-named/octane.hbs
@@ -1 +1 @@
-<MyComponent @answer={{42}} />
+<MyComponent @answer={{@answer}} />
diff --git a/tests/acceptance/homepage/de-de-test.js b/tests/acceptance/homepage/de-de-test.js
@@ -0,0 +1,25 @@
+import { visit } from '@ember/test-helpers';
+import percySnapshot from '@percy/ember';
+import { setupIntl } from 'ember-intl/test-support';
+import { setupApplicationTest } from 'ember-qunit';
+import { module, test } from 'qunit';
+
+module('Acceptance | Homepage | de-DE', function (hooks) {
+  setupApplicationTest(hooks);
+  setupIntl(hooks, 'de-de');
+
+  test('Percy snapshot', async function (assert) {
+    await visit('/');
+    await percySnapshot(assert);
+
+    assert.ok(true);
+  });
+
+  test('We set the correct lang attribute in <html> element', async function (assert) {
+    await visit('/');
+
+    assert
+      .dom(document.querySelector('html'))
+      .hasAttribute('lang', 'de-de', 'We set the correct lang attribute.');
+  });
+});
diff --git a/tests/integration/components/locale-menu-test.js b/tests/integration/components/locale-menu-test.js
@@ -19,7 +19,7 @@ module('Integration | Component | locale-menu', function (hooks) {
 
     assert
       .dom('[data-test-option]')
-      .exists({ count: 5 }, 'There are 5 non-default options.');
+      .exists({ count: 6 }, 'There are 6 options.');
   });
 
   test('allows the user to update the site locale', async function (assert) {
diff --git a/tests/unit/services/locale-test.js b/tests/unit/services/locale-test.js
@@ -9,7 +9,14 @@ module('Unit | Service | locale', function (hooks) {
 
     assert.deepEqual(
       locale.menuOptions.map(({ label }) => label),
-      ['English (US)', 'Français', 'Português (do Brasil)', 'Spanish', '日本語']
+      [
+        'Deutsch (DE)',
+        'English (US)',
+        'Français',
+        'Português (do Brasil)',
+        'Spanish',
+        '日本語',
+      ]
     );
   });
 });
diff --git a/translations/actions/actions/de-de.yaml b/translations/actions/actions/de-de.yaml
@@ -0,0 +1,6 @@
+title: "@action, '{{on}}' und '{{fn}}' statt '{{action}}'"
+description: >
+  Markieren Sie mit dem '<code>'@action'</code>' Decorator die Funktion einer JavaScript-Klasse, die vom Template aufgerufen werden sollte.
+  Verwenden Sie den '<code>{{on}}</code>' Modifizierer, um über das Wann zu entscheiden.
+  Wenn Sie der Funktion ein Argument übergeben wollen, fügen Sie auch den '<code>{{fn}}</code>' Helfer hinzu.
+  ('<a href="https://guides.emberjs.com/release/components/component-state-and-actions/#toc_html-modifiers-and-actions" target="_blank" rel="noopener noreferrer">'Besuchen Sie die Ember Guides, um mehr zu erfahren'</a>'.)
diff --git a/translations/actions/actions/en-us.yaml b/translations/actions/actions/en-us.yaml
@@ -1,4 +1,4 @@
-title: Use @action, '{{on}}', and '{{fn}}' instead of actions
+title: Use @action, '{{on}}', and '{{fn}}' instead of '{{action}}'
 description: >
   In the JavaScript class, use the '<code>'@action'</code>' decorator to mark the function that you want to call from the template.
   In the template, use the '<code>{{on}}</code>' modifier to decide when to call the function.
diff --git a/translations/actions/actions/es.yaml b/translations/actions/actions/es.yaml
@@ -1,4 +1,4 @@
-title: Use @action, '{{on}}', y '{{fn}}' en lugar de acciones
+title: Use @action, '{{on}}', y '{{fn}}' en lugar de '{{action}}'
 description: >
   En la clase de JavaScript, use el decorador '<code>'@action'</code>' para marcar la función que desea llamar desde el template.
   En el template, use el modificador '<code>{{on}}</code>' para decidir cuándo llamar a la función.
diff --git a/translations/actions/actions/ja.yaml b/translations/actions/actions/ja.yaml
@@ -1,4 +1,4 @@
-title: actionsの代わりに、@action、'{{on}}'、そして'{{fn}}'を使う
+title: "'{{action}}'の代わりに、@action、'{{on}}'、そして'{{fn}}'を使う"
 description: >
   JavaScriptのクラスで、テンプレートから呼び出したい関数には'<code>'@action'</code>'デコレーターで関数をマークする必要があります。
   テンプレートでは、'<code>{{on}}</code>'修飾子を使うことでいつ関数を呼ぶかを決めることが出来ます。
diff --git a/translations/actions/actions/pt-br.yaml b/translations/actions/actions/pt-br.yaml
@@ -1,4 +1,4 @@
-title: Use @action, '{{on}}', e '{{fn}}' no lugar das actions
+title: Use @action, '{{on}}', e '{{fn}}' no lugar de '{{action}}'
 description: >
   Na classe JavaScript, use o decorator '<code>'@action'</code>' para sinalizar a função que você gostaria de chamar no template.
   No template, use o modifier '<code>{{on}}</code>' para marcar quando chamar uma função.
diff --git a/translations/actions/de-de.yaml b/translations/actions/de-de.yaml
@@ -0,0 +1 @@
+title: Aktionen
diff --git a/translations/actions/mixins/de-de.yaml b/translations/actions/mixins/de-de.yaml
@@ -0,0 +1,7 @@
+title: Mixins
+description: >
+  Mixins sind mit den die native JavaScript-Syntax nutzenden Dingen inkompatibel (z. B. mit den aus dem '<code>'@glimmer/component'</code>' importierten Komponenten).
+  Die Art und Weise, mit der Sie den Code umstellen, weicht von Fall zu Fall ab.
+  Falls Ihre App von einem Mixin-nutzenden Addon abhängt, wäre es vielleicht am besten, die klassische Komponenten in Ruhe zu lassen, bis das Addon für Octane bereit ist.
+octaneDescription: >
+  Schauen Sie in '<a href="https://www.pzuraq.com/do-you-need-ember-object/" target="_blank" rel="noopener noreferrer">'Do you need Ember Object?'</a>', um die Alternativen zu Mixins zu finden, z. B. Dienstfunktionen, Services, Delegates und Klasse Decorators.
diff --git a/translations/actions/template-arguments-default/de-de.yaml b/translations/actions/template-arguments-default/de-de.yaml
@@ -0,0 +1,4 @@
+title: Den Standardwert eines Arguments festlegen
+description: >
+  Ein Argument ist nur lesen, somit ist ihren Standardwert von der konsumierenden Klasse nicht zu setzen.
+  Sie können stattdessen einen Getter erstellen, der das Argument umgibt und '<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator/" target="_blank" rel="noopener noreferrer">'den Standardwert festlegt'</a>'.
diff --git a/translations/component-lifecycle/constructors/de-de.yaml b/translations/component-lifecycle/constructors/de-de.yaml
@@ -0,0 +1,5 @@
+title: constructor statt init
+description: >
+  Die '<code>'constructor'</code>' Methode gehört zur nativen JavaScript-Syntax.
+  Sie können sie verwenden, um die Klasse einer Komponente zu initialisieren, wie Sie es wohl in '<code>'init'</code>' getan haben.
+  (Auf der Ember Guides erfahren Sie mehr über '<a href="https://guides.emberjs.com/release/in-depth-topics/native-classes-in-depth/#toc_constructor" target="_blank" rel="noopener noreferrer">'die constructor Methode'</a>' und '<a href="https://guides.emberjs.com/release/in-depth-topics/native-classes-in-depth/#toc_constructor-in-extends" target="_blank" rel="noopener noreferrer">'das super'</a>'.)
diff --git a/translations/component-lifecycle/de-de.yaml b/translations/component-lifecycle/de-de.yaml
@@ -0,0 +1 @@
+title: Lifecycle einer Komponente
diff --git a/translations/component-lifecycle/did-insert/de-de.yaml b/translations/component-lifecycle/did-insert/de-de.yaml
@@ -0,0 +1,6 @@
+title: "'{{did-insert}}' statt didInsertElement"
+description: >
+  Überlegen Sie sich, eine Aktion anstatt des Hooks '<code>'didInsertElement'</code>' zu haben. 
+  Mit dem Modifizierer '<code>{{did-insert}}</code>' können Sie die Aktion aufrufen.
+  Wenden Sie den Decorator '<code>'@action'</code>' an, um den richtigen Kontext aufs '<code>'this'</code>' zu setzen.
+  (Auf der Ember Guides erfahren Sie mehr über '<a href="https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/#toc_lifecycle-and-properties" target="_blank" rel="noopener noreferrer">'die Lifecycle Hooks einer Glimmer-Komponente'</a>'.)
diff --git a/translations/component-lifecycle/render-modifiers/de-de.yaml b/translations/component-lifecycle/render-modifiers/de-de.yaml
@@ -0,0 +1,7 @@
+title: Element-Modifizierer
+description: >
+  Nach der Installation des Pakets '<a href="https://github.com/emberjs/ember-render-modifiers" target="_blank" rel="noopener noreferrer">'@ember/render-modifiers'</a>', erhalten Sie die Modifizierer '<code>{{did-insert}}</code>' and '<code>{{did-update}}</code>'.
+  Dadurch können Sie die Lifecycle Hooks einer klassischen Komponente ersetzen, nämlich '<code>didInsertElement</code>', '<code>didRender</code>' und '<code>didUpdate</code>'.
+classicDescription: >
+  Haben Sie Apps auf Ember 2.18+? 
+  Diese Modifizierer können Sie gleich jetzt benutzen, um klassische Komponenten in eine Glimmer überzuführen.
diff --git a/translations/component-lifecycle/will-destroy/de-de.yaml b/translations/component-lifecycle/will-destroy/de-de.yaml
@@ -0,0 +1,5 @@
+title: willDestroy statt willDestroyElement
+description: >
+  '<code>'willDestroy'</code>' ist der einzige andere Lifecycle Hook (neben '<code>'constructor'</code>'), der für eine Glimmer-Komponenten verfügbar ist.
+  Sie können ihn verwenden, um die Klasse einer Komponente zu beenden, wie Sie es wohl in '<code>'willDestroyElement'</code>' getan haben.
+  (Auf der Ember Guides erfahren Sie mehr über '<a href="https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/#toc_lifecycle-and-properties" target="_blank" rel="noopener noreferrer">'die Lifecycle Hooks einer Glimmer-Komponente'</a>'.)
diff --git a/translations/component-properties/args/de-de.yaml b/translations/component-properties/args/de-de.yaml
@@ -0,0 +1,6 @@
+title: Argumente einer Komponente
+description: >
+  Mit Octane sind die Argumente mit der Eigenschaft '<code>'args'</code>' (d. h. '<code>'this.args'</code>') verknüpft.
+  Sie sind '<em>'nicht'</em>' mit der Klassinstanz '<code>'this'</code>' verbunden.
+  Infolgedessen können Sie zwischen den inneren Werten einer Klasse und den äußeren Argumenten unterscheiden.
+  (Besuchen Sie die Ember Guides, um mehr über '<a href="https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/#toc_arguments" target="_blank" rel="noopener noreferrer">'Argumente'</a>' zu erfahren.)
diff --git a/translations/component-properties/computed-decorator/de-de.yaml b/translations/component-properties/computed-decorator/de-de.yaml
@@ -0,0 +1,4 @@
+title: 'Der Decorator @computed'
+description: >
+  Mit Octane wird es empfohlen, eine computed-Eigenschaft in eine tracked- zu ändern.
+  Falls Sie sie nicht neu schreiben können (vielleicht brauchen Sie den Cache), ist der Decorator '<code>'@computed'</code>' verfügbar.
diff --git a/translations/component-properties/ddau/de-de.yaml b/translations/component-properties/ddau/de-de.yaml
@@ -0,0 +1,5 @@
+title: Data Down, Actions Up
+description: >
+  Octane-Komponenten setzen „Data Down, Actions Up“ durch.
+  Daten fließen nur in eine Richtung, weswegen der Ruf eines übergebenen Callbacks (sog. Aktion) die einzige Methode ist, die Daten zu verändern.
+  Mit anderen Worten, für die Argumente einer Komponente sollte das Two-Way-Binding unmöglich bleiben.
diff --git a/translations/component-properties/de-de.yaml b/translations/component-properties/de-de.yaml
@@ -0,0 +1 @@
+title: Eigenschaften der Komponenten
diff --git a/translations/component-properties/get-and-set/de-de.yaml b/translations/component-properties/get-and-set/de-de.yaml
@@ -0,0 +1,4 @@
+title: Kein get und set erforderlich
+description: >
+  Octane-Komponenten brauchen kein '<code>'this.get'</code>' und '<code>'this.set'</code>'.
+  Lesen und Setzen Sie die Eigenschaften, genauso wie es bei nativen JavaScript-Klassen durchgeführt wird.
diff --git a/translations/component-properties/js-boilerplate/de-de.yaml b/translations/component-properties/js-boilerplate/de-de.yaml
@@ -0,0 +1,7 @@
+title: JavaScript-Syntax der Komponenten
+description: >
+  Auf den Namensraum '<code>'@glimmer'</code>' bezieht sich eine Octane-Komponente beim Import von ihrer Klasse.
+  Des Weiteren ermöglicht sie die native JavaScript-Syntax.
+  Glimmer-Komponenten haben andere API-Methoden als die klassische.
+  Wenn Sie mit den nativen Klassen nicht vertraut sind, können Sie sich sie durch '<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Classes" target="_blank" rel="noopener noreferrer">'die Dokumentation von MDN'</a>' aneignen.
+  Danach informieren Sie sich über die Glimmer-Komponenten mithilfe der '<a href="https://guides.emberjs.com/release/components/component-state-and-actions/" target="_blank" rel="noopener noreferrer">'Ember.js Guides'</a>' und der '<a href="https://api.emberjs.com/ember/release/modules/@glimmer%2Fcomponent" target="_blank" rel="noopener noreferrer">'API Dokumentation'</a>'.
diff --git a/translations/component-properties/js-properties/de-de.yaml b/translations/component-properties/js-properties/de-de.yaml
@@ -0,0 +1,3 @@
+title: Eigenschaften definieren
+description: >
+  Mit der nativen JavaScript-Syntax können Sie die Eigenschaften definieren. Keine Kommas nötig!
diff --git a/translations/component-properties/tracked-vs-cp/de-de.yaml b/translations/component-properties/tracked-vs-cp/de-de.yaml
@@ -0,0 +1,4 @@
+title: '@tracked und Getters statt computed-Eigenschaften'
+description: >
+  Markieren Sie mit '<code>'@tracked'</code>' die Eigenschaften, die nachverfolgt müssen werden.
+  Die Werte der Getters werden dann automatisch aktualisiert.
diff --git a/translations/component-templates/angle-brackets-nested/de-de.yaml b/translations/component-templates/angle-brackets-nested/de-de.yaml
@@ -0,0 +1,4 @@
+title: Komponenten in einem Unterordner speichern
+description: >
+  In einem Unterordner können Sie Komponenten speichern, dann können Sie sie mit der Winkelklammern aufrufen.
+  Funktionell gibt es keine Unterschiede.
diff --git a/translations/component-templates/angle-brackets/de-de.yaml b/translations/component-templates/angle-brackets/de-de.yaml
@@ -0,0 +1,5 @@
+title: Syntax der Winkelklammern
+description: >
+  Mit der Winkelklammern (anstelle des geschweiften Klammern) können Sie Komponenten in einem Template rendern.
+  Funktionell gibt es keine Unterschiede.
+  Erfahren Sie '<a href="https://guides.emberjs.com/release/components/" target="_blank" rel="noopener noreferrer">'die Hauptkonzepte zur Komponenten'</a>' und '<a href="https://guides.emberjs.com/release/upgrading/current-edition/#toc_octane-upgrade-strategy" target="_blank" rel="noopener noreferrer">'die Anwendung der Codemods'</a>', um Ihre bestehenden Komponenten aktualisieren zu können.
diff --git a/translations/component-templates/de-de.yaml b/translations/component-templates/de-de.yaml
@@ -0,0 +1 @@
+title: Templates der Komponenten
diff --git a/translations/component-templates/element-id/de-de.yaml b/translations/component-templates/element-id/de-de.yaml
@@ -0,0 +1,4 @@
+title: elementId
+description: >
+  Da alle Komponenten „tagless“ sind, gibt es keine '<code>'elementId'</code>' mehr.
+  Sie können jedoch selbst eine ID generieren, um bspw. barrierefreie Formulare zu erstellen.
diff --git a/translations/component-templates/inline-vs-block/de-de.yaml b/translations/component-templates/inline-vs-block/de-de.yaml
@@ -0,0 +1,6 @@
+title: Inline- und Block-Komponenten
+description: >
+  Mit der Winkelklammern können Sie sowohl Inline- als auch Block-Komponenten rendern.
+  Funktionell gibt es keine Unterschiede.
+  Die Syntax '<code>{{yield}}</code>' sieht gleich aus und funktionert auch so.
+  Erfahren Sie '<a href="https://guides.emberjs.com/release/components/block-content/" target="_blank" rel="noopener noreferrer">'die Hauptkonzepte zur Komponenten'</a>' und '<a href="https://guides.emberjs.com/release/upgrading/current-edition/" target="_blank" rel="noopener noreferrer">'die Anwendung der Codemods'</a>', um Ihre bestehenden Komponenten aktualisieren zu können.
diff --git a/translations/component-templates/tag-name/de-de.yaml b/translations/component-templates/tag-name/de-de.yaml
@@ -0,0 +1,4 @@
+title: Alle Komponenten sind „tagless“
+description: >
+  Mit Octane haben die Komponenten keinen Behälter mehr, folglich brauchen Sie keinen '<code>'tagName'</code>'.
+  Schreiben Sie je nach Bedarf das Tag im Template.
diff --git a/translations/component-templates/template-arguments-named/de-de.yaml b/translations/component-templates/template-arguments-named/de-de.yaml
@@ -0,0 +1,5 @@
+title: Argumente übergeben
+description: >
+  Wenn Sie einer Komponente ein Argument weitergeben möchten, fügen Sie vorm Argumentnamen '<code>'@'</code>' hinzu.
+  Funktionell gibt es keine Unterschiede.
+  Erfahren Sie '<a href="https://guides.emberjs.com/release/components/component-arguments-and-html-attributes/" target="_blank" rel="noopener noreferrer">'die Hauptkonzepte zur Komponenten'</a>' und '<a href="https://guides.emberjs.com/release/upgrading/" target="_blank" rel="noopener noreferrer">'die Anwendung der Codemods'</a>', um Ihre bestehenden Komponenten aktualisieren zu können.
diff --git a/translations/component-templates/template-arguments-this/de-de.yaml b/translations/component-templates/template-arguments-this/de-de.yaml
@@ -0,0 +1,4 @@
+title: Eigenschaften übergeben
+description: >
+  Wenn Sie einer Komponente eine Eigenschaft übergeben möchten, fügen Sie vor ihrem Namen '<code>'this'</code>' hinzu.
+  Erfahren Sie '<a href="https://guides.emberjs.com/release/components/component-arguments-and-html-attributes/" target="_blank" rel="noopener noreferrer">'die Hauptkonzepte zur Komponenten'</a>' und '<a href="https://guides.emberjs.com/release/upgrading/" target="_blank" rel="noopener noreferrer">'die Anwendung der Codemods'</a>', um Ihre bestehenden Komponenten aktualisieren zu können.
diff --git a/translations/component-templates/template-named/de-de.yaml b/translations/component-templates/template-named/de-de.yaml
@@ -0,0 +1,5 @@
+title: Argumente
+description: >
+  Nimmt die Komponente von ihrer Eltern ein Argument entgegen, fügen Sie vorm Argumentnamen '<code>'@'</code>' hinzu.
+  Funktionell gibt es keine Unterschiede.
+  ('<a href="https://guides.emberjs.com/release/components/component-arguments-and-html-attributes/" target="_blank" rel="noopener noreferrer">'Besuchen Sie die Ember Guides, um mehr zu erfahren'</a>'.)
diff --git a/translations/component-templates/template-this/de-de.yaml b/translations/component-templates/template-this/de-de.yaml
@@ -0,0 +1,5 @@
+title: Eigenschaften
+description: >
+  Ist eine Eigenschaft in der JavaScript-Klasse der Komponente definiert, fügen Sie vor ihrem Namen '<code>'this'</code>' hinzu.
+  Funktionell gibt es keine Unterschiede.
+  Erfahren Sie '<a href="https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/" target="_blank" rel="noopener noreferrer">'die Hauptkonzepte zur Komponenten'</a>' und '<a href="https://guides.emberjs.com/release/upgrading/" target="_blank" rel="noopener noreferrer">'die Anwendung der Codemods'</a>', um Ihre bestehenden Komponenten aktualisieren zu können.
diff --git a/translations/de-de.yaml b/translations/de-de.yaml
@@ -0,0 +1,35 @@
+layout:
+  application:
+    logo-alt-text: 'Ember Octane: die neueste Edition von Ember.js'
+    title: Ember.js Octane vs Classic Cheat Sheet
+    description-1: >
+      Dieses Guide ist ein '<a href="https://emberjs.com/editions/octane" target="_blank" rel="noopener noreferrer">'Ember Octane'</a>'-Spickzettel.
+      Sie finden nicht alles darin, aber es sollte Ihren Einstieg in Ember.js erleichtern.
+      Pull Requests können auf '<a href="https://github.com/ember-learn/ember-octane-vs-classic-cheat-sheet" target="_blank" rel="noopener noreferrer">'GitHub'</a>' eingereicht werden.
+    description-2: >
+      Sehen Sie in '<a href="https://guides.emberjs.com/release/upgrading/" target="_blank" rel="noopener noreferrer">'The Octane Upgrading Guide'</a>' nach, um sich über das Upgrade auf Octane zu informieren.
+
+component:
+  guide-section:
+    section: §
+    subsection:
+      classic: Classic
+      octane: Octane
+    edit-translation-text: Übersetzung ändern
+  locale-menu:
+    locale-select:
+      label: Ich möchte das Guide lesen, auf
+      placeholder: Wählen Sie Ihre bevorzugte Sprache
+    #
+    # For convenience, the translations of locale menu options
+    # will be the same across all locales.
+    #
+    # To help with maintenance, please list keys in alphabetical
+    # order.
+    #
+    locale-de-DE: Deutsch (DE)
+    locale-en-US: English (US)
+    locale-es: Spanish
+    locale-fr-FR: Français
+    locale-ja: 日本語
+    locale-pt-BR: Português (do Brasil)
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
@@ -27,6 +27,7 @@ component:
     # To help with maintenance, please list keys in alphabetical
     # order.
     #
+    locale-de-DE: Deutsch (DE)
     locale-en-US: English (US)
     locale-es: Spanish
     locale-fr-FR: Français
diff --git a/translations/es.yaml b/translations/es.yaml
@@ -27,6 +27,7 @@ component:
     # To help with maintenance, please list keys in alphabetical
     # order.
     #
+    locale-de-DE: Deutsch (DE)
     locale-en-US: English (US)
     locale-es: Spanish
     locale-fr-FR: Français
diff --git a/translations/fr-fr.yaml b/translations/fr-fr.yaml
@@ -27,6 +27,7 @@ component:
     # To help with maintenance, please list keys in alphabetical
     # order.
     #
+    locale-de-DE: Deutsch (DE)
     locale-en-US: English (US)
     locale-es: Spanish
     locale-fr-FR: Français
diff --git a/translations/generating-files/de-de.yaml b/translations/generating-files/de-de.yaml
@@ -0,0 +1 @@
+title: Dateien erstellen
diff --git a/translations/generating-files/file-structure/de-de.yaml b/translations/generating-files/file-structure/de-de.yaml
@@ -0,0 +1,4 @@
+title: Das Template und die JavaScript-Klasse einer Komponente existieren nebeneinander
+description: >
+  Mit Octane ist die Speicherstelle des Templates anders.
+  Dies bezeichnet man als „template co-location“.
diff --git a/translations/generating-files/generating-component/de-de.yaml b/translations/generating-files/generating-component/de-de.yaml
@@ -0,0 +1,5 @@
+title: Geben Sie ein Flag ein, um die JavaScript-Klasse einer Komponente zu erstellen
+description: >
+  Mit Ember Classic hat der Befehl '<code>'ember generate component'</code>' 3 Dateien angelegt: ein Template, eine JavaScript-Klasse und einen Test.
+  Verglichen damit erstellt Octane automatisch keine JavaScript-Klasse.
+  Verwenden Sie das Flag '<code>'-gc'</code>', um sie zu erstellen.
diff --git a/translations/ja.yaml b/translations/ja.yaml
@@ -27,6 +27,7 @@ component:
     # To help with maintenance, please list keys in alphabetical
     # order.
     #
+    locale-de-DE: Deutsch (DE)
     locale-en-US: English (US)
     locale-es: Spanish
     locale-fr-FR: Français
diff --git a/translations/pt-br.yaml b/translations/pt-br.yaml
@@ -27,6 +27,7 @@ component:
     # To help with maintenance, please list keys in alphabetical
     # order.
     #
+    locale-de-DE: Deutsch (DE)
     locale-en-US: English (US)
     locale-es: Spanish
     locale-fr-FR: Français
diff --git a/translations/routes/de-de.yaml b/translations/routes/de-de.yaml
@@ -0,0 +1 @@
+title: Routen
diff --git a/translations/routes/model-access/de-de.yaml b/translations/routes/model-access/de-de.yaml
@@ -0,0 +1,4 @@
+title: Das Modell einer Route lesen
+description: >
+  Was das Template einer Route anbelangt, kommt das '<code>'model'</code>' von einem äußeren Kontext her.
+  Daher verwenden Sie '<code>'@model'</code>', um den Rückgabewert vom '<code>'model'</code>'-Hook der Route zu lesen.

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-{{my-component answer=42}}`
	`1`	`+{{my-component answer=answer}}`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-<MyComponent @answer={{42}} />`
	`1`	`+<MyComponent @answer={{@answer}} />`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-title: Use @action, '{{on}}', and '{{fn}}' instead of actions`
	`1`	`+title: Use @action, '{{on}}', and '{{fn}}' instead of '{{action}}'`
`2`	`2`	`description: >`
`3`	`3`	`In the JavaScript class, use the '<code>'@action'</code>' decorator to mark the function that you want to call from the template.`
`4`	`4`	`In the template, use the '<code>{{on}}</code>' modifier to decide when to call the function.`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-title: Use @action, '{{on}}', y '{{fn}}' en lugar de acciones`
	`1`	`+title: Use @action, '{{on}}', y '{{fn}}' en lugar de '{{action}}'`
`2`	`2`	`description: >`
`3`	`3`	`En la clase de JavaScript, use el decorador '<code>'@action'</code>' para marcar la función que desea llamar desde el template.`
`4`	`4`	`En el template, use el modificador '<code>{{on}}</code>' para decidir cuándo llamar a la función.`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-title: actionsの代わりに、@action、'{{on}}'、そして'{{fn}}'を使う`
	`1`	`+title: "'{{action}}'の代わりに、@action、'{{on}}'、そして'{{fn}}'を使う"`
`2`	`2`	`description: >`
`3`	`3`	`JavaScriptのクラスで、テンプレートから呼び出したい関数には'<code>'@action'</code>'デコレーターで関数をマークする必要があります。`
`4`	`4`	`テンプレートでは、'<code>{{on}}</code>'修飾子を使うことでいつ関数を呼ぶかを決めることが出来ます。`