TrackingConsent: Add i18n

Author: mraveux

src/components/TrackingConsent.vue

@@ -4,7 +4,7 @@
         :class="[ theme, safariFix ]"
         v-if="uiRequired && uiAllowed"
     >
-        {{ text.main }} ❤️
+        {{ text.main }}
         <div class="button-group">
             <button
                 class="nq-button-pill light-blue"
@@ -26,6 +26,7 @@
 
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import I18nMixin from '../i18n/I18nMixin';
 
 interface Consent {
     allowsBrowserData?: boolean;
@@ -37,17 +38,22 @@ class TrackingConsent extends Vue {
     @Prop({
         type: Object,
         default:  () => ({
-            main: 'Help Nimiq improve by sharing anonymized usage data. Thank you!',
-            yes: 'Yes',
-            no: 'No',
+            get main() {
+                return I18nMixin.$t(
+                    'TrackingConsent',
+                    'Help Nimiq improve by sharing anonymized usage data. Thank you! ❤️',
+                );
+            },
+            get yes() { return I18nMixin.$t('TrackingConsent', 'Yes'); },
+            get no() { return I18nMixin.$t('TrackingConsent', 'No'); },
             browserOnly: 'Browser-info only',
         }),
-        validator: (value) => (
-            value && typeof value === 'object' &&
-            value.no && typeof value.no === 'string' && value.no.length &&
-            value.yes && typeof value.yes === 'string' && value.yes.length &&
-            value.main && typeof value.main === 'string' && value.main.length &&
-            value.browserOnly && typeof value.browserOnly === 'string' && value.browserOnly.length
+        validator: (text) => (
+            text && typeof text === 'object' &&
+            text.no && typeof text.no === 'string' && text.no.length &&
+            text.yes && typeof text.yes === 'string' && text.yes.length &&
+            text.main && typeof text.main === 'string' && text.main.length &&
+            text.browserOnly && typeof text.browserOnly === 'string' && text.browserOnly.length
         ),
     })
     public text: {

src/i18n/en.po

@@ -103,6 +103,10 @@ msgstr ""
 msgid "Grant camera access when asked."
 msgstr ""
 
+#: src/components/TrackingConsent.vue:42
+msgid "Help Nimiq improve by sharing anonymized usage data. Thank you! ❤️"
+msgstr ""
+
 #: src/components/Timer.vue:93
 msgid "hour"
 msgstr ""
@@ -157,6 +161,10 @@ msgstr ""
 msgid "Nimiq provides this service free of charge."
 msgstr ""
 
+#: src/components/TrackingConsent.vue:48
+msgid "No"
+msgstr ""
+
 #: src/components/SendTx.vue:108
 msgid "Open settings"
 msgstr ""
@@ -254,6 +262,10 @@ msgstr ""
 msgid "Vendor crypto markup"
 msgstr ""
 
+#: src/components/TrackingConsent.vue:47
+msgid "Yes"
+msgstr ""
+
 #: src/components/PaymentInfoLine.vue:280
 msgid "You are paying approx. {formattedRateDeviation} less than at the current market rate (coingecko.com)."
 msgstr ""

src/i18n/fr.po

@@ -120,6 +120,10 @@ msgstr "Retour"
 msgid "Grant camera access when asked."
 msgstr "Accordez l'accès à la caméra lorsque cela vous est demandé."
 
+#: src/components/TrackingConsent.vue:42
+msgid "Help Nimiq improve by sharing anonymized usage data. Thank you! ❤️"
+msgstr ""
+
 #: src/components/Timer.vue:93
 msgid "hour"
 msgstr "heure"
@@ -172,6 +176,10 @@ msgstr "frais de réseau"
 msgid "Nimiq provides this service free of charge."
 msgstr "Nimiq fournit ce service gratuitement."
 
+#: src/components/TrackingConsent.vue:48
+msgid "No"
+msgstr ""
+
 #: src/components/SendTx.vue:108
 msgid "Open settings"
 msgstr "Ouvrir les réglages"
@@ -268,6 +276,10 @@ msgstr "Crypto-remise"
 msgid "Vendor crypto markup"
 msgstr "Crypto-premium"
 
+#: src/components/TrackingConsent.vue:47
+msgid "Yes"
+msgstr ""
+
 #: src/components/PaymentInfoLine.vue:280
 msgid ""
 "You are paying approx. {formattedRateDeviation} less than at the current "