feat(settings): Localize settings reset feature

Hanziness · Dec 30, 2020 · 73af5c4 · 73af5c4
1 parent 564008b
commit 73af5c4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/components/settings/settingsPanel.vue b/components/settings/settingsPanel.vue
@@ -31,17 +31,13 @@
 
               <div :class="['reset-button', { 'active': resetConfirm }]" role="button" @click="resetConfirm = true">
                 <span>
-                  <span>Reset settings</span>
+                  <span v-text="$i18n.t('settings.reset.title')" />
                   <span class="float-right"><reset-icon :size="28" /></span>
                 </span>
                 <transition name="transition-fade">
                   <div v-if="resetConfirm" class="left-0 top-0 absolute w-full h-full grid grid-flow-col grid-cols-2 items-stretch">
-                    <div class="reset-subbutton" @click.stop="triggerSettingsReset">
-                      Reset
-                    </div>
-                    <div class="reset-subbutton" @click.stop="resetConfirm = false">
-                      Cancel
-                    </div>
+                    <div class="reset-subbutton" @click.stop="triggerSettingsReset" v-text="$i18n.t('settings.reset.confirm')" />
+                    <div class="reset-subbutton" @click.stop="resetConfirm = false" v-text="$i18n.t('settings.reset.cancel')" />
                   </div>
                 </transition>
               </div>

diff --git a/i18n/en.js b/i18n/en.js
@@ -154,6 +154,11 @@ export default {
       close: 'Close',
       reset: 'Reset'
     },
+    reset: {
+      title: 'Reset settings',
+      confirm: 'Reset',
+      cancel: 'Cancel'
+    },
     values: {
       lang: {
         _title: 'Language',

diff --git a/i18n/hu.js b/i18n/hu.js
@@ -154,6 +154,11 @@ export default {
       close: 'Bezárás',
       reset: 'Visszaállítás'
     },
+    reset: {
+      title: 'Alaphelyzetbe állítás',
+      confirm: 'Visszaállítás',
+      cancel: 'Mégsem'
+    },
     values: {
       lang: {
         _title: 'Nyelv',