From 1cac5a43f1503c725ebf51ea16b9ebc4477b24f2 Mon Sep 17 00:00:00 2001
From: Bartosz Herba <bherba@vuestorefront.io>
Date: Tue, 1 Feb 2022 08:33:56 +0100
Subject: [PATCH] fix(theme): use translation function in all occurance of
 error[0] in theme

---
 .../components/MyAccount/AddressForm.vue      | 16 +++++++--------
 .../MyAccount/PasswordResetForm.vue           |  6 +++---
 .../MyAccount/ProfileUpdateForm.vue           |  6 +++---
 .../theme/components/ProductAddReviewForm.vue |  8 ++++----
 packages/theme/pages/Checkout/Billing.vue     | 20 +++++++++----------
 packages/theme/pages/Checkout/Shipping.vue    | 18 ++++++++---------
 packages/theme/pages/Checkout/UserAccount.vue |  8 ++++----
 packages/theme/pages/ResetPassword.vue        |  6 +++---
 packages/theme/pages/Shipping.vue             | 16 +++++++--------
 9 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/packages/theme/components/MyAccount/AddressForm.vue b/packages/theme/components/MyAccount/AddressForm.vue
index c8a9446c6..22f9b2e3b 100644
--- a/packages/theme/components/MyAccount/AddressForm.vue
+++ b/packages/theme/components/MyAccount/AddressForm.vue
@@ -18,7 +18,7 @@
             label="First Name"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -33,7 +33,7 @@
             label="Last Name"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
       </div>
@@ -49,7 +49,7 @@
           label="Street Name"
           required
           :valid="!errors[0]"
-          :error-message="errors[0]"
+          :error-message="$t(errors[0])"
         />
       </ValidationProvider>
       <SfInput
@@ -71,7 +71,7 @@
             label="City"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -99,7 +99,7 @@
             name="state"
             class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           >
             <SfSelectOption
               v-for="regionOption in regionInformation"
@@ -124,7 +124,7 @@
             label="Zip-code"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -140,7 +140,7 @@
             class="form__select sf-select--underlined"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="searchCountry({ id:$event })"
           >
             <SfSelectOption
@@ -165,7 +165,7 @@
           label="Phone number"
           required
           :valid="!errors[0]"
-          :error-message="errors[0]"
+          :error-message="$t(errors[0])"
         />
       </ValidationProvider>
       <SfCheckbox
diff --git a/packages/theme/components/MyAccount/PasswordResetForm.vue b/packages/theme/components/MyAccount/PasswordResetForm.vue
index 7b7d3144c..1b13ad120 100644
--- a/packages/theme/components/MyAccount/PasswordResetForm.vue
+++ b/packages/theme/components/MyAccount/PasswordResetForm.vue
@@ -16,7 +16,7 @@
           label="Current Password"
           required
           :valid="!errors[0]"
-          :error-message="errors[0]"
+          :error-message="$t(errors[0])"
         />
       </ValidationProvider>
       <div class="form__horizontal">
@@ -33,7 +33,7 @@
             label="New Password"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -48,7 +48,7 @@
             label="Repeat Password"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
       </div>
diff --git a/packages/theme/components/MyAccount/ProfileUpdateForm.vue b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
index fc02adb88..8d3d4a17b 100644
--- a/packages/theme/components/MyAccount/ProfileUpdateForm.vue
+++ b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
@@ -16,7 +16,7 @@
             :label="$t('First Name')"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -30,7 +30,7 @@
             :label="$t('Last Name')"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
       </div>
@@ -46,7 +46,7 @@
           :label="$t('Your e-mail')"
           required
           :valid="!errors[0]"
-          :error-message="errors[0]"
+          :error-message="$t(errors[0])"
         />
       </ValidationProvider>
       <SfModal
diff --git a/packages/theme/components/ProductAddReviewForm.vue b/packages/theme/components/ProductAddReviewForm.vue
index fb535b759..6e2e56998 100644
--- a/packages/theme/components/ProductAddReviewForm.vue
+++ b/packages/theme/components/ProductAddReviewForm.vue
@@ -33,7 +33,7 @@
               label="Name"
               required
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
             />
           </ValidationProvider>
         </div>
@@ -50,7 +50,7 @@
               label="Title"
               required
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
             />
           </ValidationProvider>
         </div>
@@ -71,7 +71,7 @@
               :name="metadata.name.toLowerCase()"
               class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
             >
               <SfSelectOption
                 v-for="value in metadata.values"
@@ -99,7 +99,7 @@
               wrap="soft"
               required
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
             />
           </ValidationProvider>
         </div>
diff --git a/packages/theme/pages/Checkout/Billing.vue b/packages/theme/pages/Checkout/Billing.vue
index ef8e5c80d..c318db5c9 100644
--- a/packages/theme/pages/Checkout/Billing.vue
+++ b/packages/theme/pages/Checkout/Billing.vue
@@ -49,7 +49,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="firstname => changeBillingDetails('firstname', firstname)"
           />
         </ValidationProvider>
@@ -67,7 +67,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="lastname => changeBillingDetails('lastname', lastname)"
           />
         </ValidationProvider>
@@ -85,7 +85,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="street => changeBillingDetails('street', street)"
           />
         </ValidationProvider>
@@ -103,7 +103,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="apartment => changeBillingDetails('apartment', apartment)"
           />
         </ValidationProvider>
@@ -121,7 +121,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="city => changeBillingDetails('city', city)"
           />
         </ValidationProvider>
@@ -138,7 +138,7 @@
             label="State/Province"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             :disabled="!billingDetails.country_code"
             name="state"
             class="form__element form__element--half form__element--half-even"
@@ -152,7 +152,7 @@
             name="state"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
             @input="state => changeBillingDetails('region', state)"
           >
@@ -179,7 +179,7 @@
             class="form__element form__element--half form__select sf-select--underlined"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="changeCountry"
           >
             <SfSelectOption
@@ -205,7 +205,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="postcode => changeBillingDetails('postcode', postcode)"
           />
         </ValidationProvider>
@@ -223,7 +223,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="telephone => changeBillingDetails('telephone', telephone)"
           />
         </ValidationProvider>
diff --git a/packages/theme/pages/Checkout/Shipping.vue b/packages/theme/pages/Checkout/Shipping.vue
index 66cd3ecc1..14dee2d61 100644
--- a/packages/theme/pages/Checkout/Shipping.vue
+++ b/packages/theme/pages/Checkout/Shipping.vue
@@ -33,7 +33,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="firstname => changeShippingDetails('firstname', firstname)"
           />
         </ValidationProvider>
@@ -51,7 +51,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="lastname => changeShippingDetails('lastname', lastname)"
           />
         </ValidationProvider>
@@ -69,7 +69,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="street => changeShippingDetails('street', street)"
           />
         </ValidationProvider>
@@ -87,7 +87,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="apartment => changeShippingDetails('apartment', apartment)"
           />
         </ValidationProvider>
@@ -105,7 +105,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="city => changeShippingDetails('city', city)"
           />
         </ValidationProvider>
@@ -135,7 +135,7 @@
             name="state"
             class="form__element form__element--half form__element--half-even form__select sf-select--underlined"
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="region => changeShippingDetails('region', region)"
           >
             <SfSelectOption
@@ -161,7 +161,7 @@
             class="form__element form__element--half form__select sf-select--underlined"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="changeCountry"
           >
             <SfSelectOption
@@ -187,7 +187,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="postcode => changeShippingDetails('postcode', postcode)"
           />
         </ValidationProvider>
@@ -205,7 +205,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
             @input="telephone => changeShippingDetails('telephone', telephone)"
           />
         </ValidationProvider>
diff --git a/packages/theme/pages/Checkout/UserAccount.vue b/packages/theme/pages/Checkout/UserAccount.vue
index 00810b3ea..c84fd2905 100644
--- a/packages/theme/pages/Checkout/UserAccount.vue
+++ b/packages/theme/pages/Checkout/UserAccount.vue
@@ -26,7 +26,7 @@
             :required="!loginUserAccount"
             :disabled="loginUserAccount"
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -44,7 +44,7 @@
             :required="!loginUserAccount"
             :disabled="loginUserAccount"
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -61,7 +61,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -80,7 +80,7 @@
             required
             has-show-password
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <SfCheckbox
diff --git a/packages/theme/pages/ResetPassword.vue b/packages/theme/pages/ResetPassword.vue
index 911d64815..5500c258a 100644
--- a/packages/theme/pages/ResetPassword.vue
+++ b/packages/theme/pages/ResetPassword.vue
@@ -22,7 +22,7 @@
               v-model="form.email"
               v-e2e="'login-modal-email'"
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
               name="email"
               label="Your email"
               class="form__element"
@@ -36,7 +36,7 @@
               v-model="form.password"
               v-e2e="'reset-password-modal-password'"
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
               :label="$t('Password')"
               name="password"
               type="password"
@@ -51,7 +51,7 @@
               v-model="form.repeatPassword"
               v-e2e="'reset-password-modal-password-repeat'"
               :valid="!errors[0]"
-              :error-message="errors[0]"
+              :error-message="$t(errors[0])"
               :label="$t('Repeat Password')"
               name="repeat-password"
               type="password"
diff --git a/packages/theme/pages/Shipping.vue b/packages/theme/pages/Shipping.vue
index a3a8c54c3..26f401c6e 100644
--- a/packages/theme/pages/Shipping.vue
+++ b/packages/theme/pages/Shipping.vue
@@ -22,7 +22,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -39,7 +39,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -56,7 +56,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -73,7 +73,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -90,7 +90,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -119,7 +119,7 @@
             class="form__element form__element--half form__select sf-select--underlined"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           >
             <SfSelectOption
               v-for="countryOption in countriesList"
@@ -144,7 +144,7 @@
             class="form__element form__element--half form__element--half-even"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
         <ValidationProvider
@@ -161,7 +161,7 @@
             class="form__element form__element--half"
             required
             :valid="!errors[0]"
-            :error-message="errors[0]"
+            :error-message="$t(errors[0])"
           />
         </ValidationProvider>
       </div>