i18n: complete translations

client/src/components/ConfirmButton.vue

@@ -2,10 +2,10 @@
   <div class="confirm-button">
     <div class="confirm-button__content" @click="click">
       <div v-if="hasSelection" class="confirm-button__content__has-selection">
-        Save
+        {{ $t('save-selection') }}
       </div>
       <div v-else  class="confirm-button__content__no-selection">
-        skip round
+        {{ $t('skip-round') }}
       </div>
     </div>
   </div>
@@ -13,6 +13,12 @@
 
 <script>
 export default {
+  beforeMount() {
+    this.$i18n.map({
+      'save-selection': { de: 'Speichern', en: 'save' },
+      'skip-round': { de: 'überspringen' ,en: 'skip round' },
+    })
+  },
   computed: {
     hasSelection() {
       return Object.keys(this.$store.state.selection.selection).length > 0

client/src/components/PlayButton.vue

@@ -18,9 +18,9 @@
           type="text"
           size="6"
           maxlength="6"
-          placeholder="code"
+          :placeholder="$t('auth-code')"
         />
-        <Button :disabled="loginDisabled" @click="login">Go</Button>
+        <Button :disabled="loginDisabled" @click="login">{{ $t('login-go') }}</Button>
         <div class="playbutton__errormessage" v-if="errorMessage">
           {{ errorMessage }}
         </div>
@@ -34,6 +34,8 @@ export default {
   beforeMount() {
     this.$i18n.map({
       'hi': { de: 'Hallo', en: 'Hi' },
+      'auth-code': { de: 'Code', en: 'code' },
+      'login-go': { de: 'Los', en: 'Go' },
       'play-button': { de: 'Spielen!', en: 'Play!' },
       'logout': { de: 'Ausloggen/Sitzung wechseln', en: 'logout/switch session' },
     })

client/src/pages/index.vue

@@ -18,7 +18,7 @@
 export default {
   beforeMount() {
     this.$i18n.map({
-      'video-user': { de: 'Erklärvideo (3min)', en: 'Video (3 mins)' },
+      'video-user': { de: 'Erklärvideo (3min)', en: 'Video (3 mins, german)' },
     })
   },
 }