From 0a44a12edf76bb48a3de7549a65c69dc11c7a5b5 Mon Sep 17 00:00:00 2001
From: Kevin Gorjan <kevingorjan@gmail.com>
Date: Mon, 31 Jan 2022 14:21:06 +0100
Subject: [PATCH 1/2] chore(theme): added translations for the home-page

---
 packages/theme/components/InstagramFeed.vue   |  2 +-
 .../theme/components/MobileStoreBanner.vue    |  4 +-
 packages/theme/lang/de.js                     | 20 +++++++-
 packages/theme/lang/en.js                     | 20 +++++++-
 packages/theme/pages/Home.vue                 | 50 ++++++++++---------
 5 files changed, 67 insertions(+), 29 deletions(-)

diff --git a/packages/theme/components/InstagramFeed.vue b/packages/theme/components/InstagramFeed.vue
index 67743d4e0..c41f3f76c 100644
--- a/packages/theme/components/InstagramFeed.vue
+++ b/packages/theme/components/InstagramFeed.vue
@@ -1,6 +1,6 @@
 <template>
   <SfSection
-    title-heading="Share Your Look"
+    :title-heading="$t('Share Your Look')"
     subtitle-heading="#YOURLOOK"
     class="title"
   >
diff --git a/packages/theme/components/MobileStoreBanner.vue b/packages/theme/components/MobileStoreBanner.vue
index 70067b920..385584909 100644
--- a/packages/theme/components/MobileStoreBanner.vue
+++ b/packages/theme/components/MobileStoreBanner.vue
@@ -1,8 +1,8 @@
 <template>
   <SfBanner
     image="/homepage/bannerD.png"
-    subtitle="Fashon to take away"
-    title="Download our application to your mobile"
+    :subtitle="$t('Fashion to take away')"
+    :title="$t('Download our application to your mobile')"
     class="sf-banner--left desktop-only banner-app"
   >
     <template #call-to-action>
diff --git a/packages/theme/lang/de.js b/packages/theme/lang/de.js
index f75f05e00..b01859804 100644
--- a/packages/theme/lang/de.js
+++ b/packages/theme/lang/de.js
@@ -186,5 +186,23 @@ export default {
   "You have submitted no reviews": "Sie haben keine Bewertungen abgegeben",
   "The account sign-in was incorrect or your account is disabled temporarily. Please wait and try again later.":"Die Kontoanmeldung war falsch oder Ihr Konto wurde vorübergehend deaktiviert. Bitte warten Sie und versuchen Sie es später erneut.",
   "A customer with the same email address already exists in an associated website.": "Ein Kunde mit derselben E-Mail-Adresse existiert bereits auf einer verknüpften Website.",
-  "Invalid email": "Ungültige E-Mail"
+  "Invalid email": "Ungültige E-Mail",
+  "SUMMER COLLECTION {year}": "SUMMER COLLECTION {year}",
+  "Colorful summer dresses are already in store": "Bunte Sommerkleider sind bereits im Store",
+  "Learn more": "Mehr erfahren",
+  "Dresses": "Kleider",
+  "Cocktail & Party": "Cocktail & Party",
+  "Linen Dresses": "Leinenkleider",
+  "T-Shirts": "T-Shirts",
+  "The office life": "Das Büroleben",
+  "Find stunning women's cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.": "Finden Sie atemberaubende Cocktailkleider für Damen und Cocktailkleider für Party-D…c von all Ihren Lieblingsmarken.",
+  "Shop now": "Jetzt einkaufen",
+  "The Office Life": "The Office Life",
+  "Summer Sandals": "Sommersandalen",
+  "Eco Sandals": "Öko-Sandalen",
+  "Subscribe to Newsletters": "Newsletter abonnieren",
+  "Be aware of upcoming sales and events. Receive gifts and special offers!": "Informieren Sie sich über bevorstehende Verkäufe und Veranstaltungen. Erhalten Sie Geschenke und Sonderangebote",
+  "Fashion to take away": "Mode zum Mitnehmen",
+  "Download our application to your mobile": "Laden Sie unsere Anwendung auf Ihr Handy herunter",
+  "Share Your Look": "Teilen Sie Ihren Look"
 };
diff --git a/packages/theme/lang/en.js b/packages/theme/lang/en.js
index 3919aa415..ba61bb560 100644
--- a/packages/theme/lang/en.js
+++ b/packages/theme/lang/en.js
@@ -181,5 +181,23 @@ export default {
   'You have submitted no reviews': 'You have submitted no reviews',
   "The account sign-in was incorrect or your account is disabled temporarily. Please wait and try again later.":"The account sign-in was incorrect or your account is disabled temporarily. Please wait and try again later.",
   "A customer with the same email address already exists in an associated website.": "A customer with the same email address already exists in an associated website.",
-  "Invalid email": "Invalid email"
+  "Invalid email": "Invalid email",
+  "SUMMER COLLECTION {year}": "SUMMER COLLECTION {year}",
+  "Colorful summer dresses are already in store": "Colorful summer dresses are already in store",
+  "Learn more": "Learn more",
+  "Dresses": "Dresses",
+  "Cocktail & Party": "Cocktail & Party",
+  "Linen Dresses": "Linen Dresses",
+  "T-Shirts": "T-Shirts",
+  "The office life": "The office life",
+  "Find stunning women's cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.": "Find stunning women's cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.",
+  "Shop now": "Shop now",
+  "The Office Life": "The Office Life",
+  "Summer Sandals": "Summer Sandals",
+  "Eco Sandals": "Eco Sandals",
+  "Subscribe to Newsletters": "Subscribe to Newsletters",
+  "Be aware of upcoming sales and events. Receive gifts and special offers!": "Be aware of upcoming sales and events. Receive gifts and special offers",
+  "Fashion to take away": "Fashion to take away",
+  "Download our application to your mobile": "Download our application to your mobile",
+  "Share Your Look": "Share Your Look"
 };
diff --git a/packages/theme/pages/Home.vue b/packages/theme/pages/Home.vue
index 7d2b4d5c2..ce9c57d87 100644
--- a/packages/theme/pages/Home.vue
+++ b/packages/theme/pages/Home.vue
@@ -43,9 +43,9 @@
 
     <LazyHydrate when-visible>
       <SfCallToAction
-        title="Subscribe to Newsletters"
-        button-text="Subscribe"
-        description="Be aware of upcoming sales and events. Receive gifts and special offers!"
+        :title="$t('Subscribe to Newsletters')"
+        :button-text="$t('Subscribe')"
+        :description="$t('Be aware of upcoming sales and events. Receive gifts and special offers!')"
         image="https://cdn.shopify.com/s/files/1/0407/1902/4288/files/newsletter_1240x202.jpg?v=1616496568"
         class="call-to-action"
       />
@@ -74,6 +74,7 @@ import {
   computed,
   defineComponent,
   ref,
+  useContext,
 } from '@nuxtjs/composition-api';
 import { onSSR } from '@vue-storefront/core';
 import LazyHydrate from 'vue-lazy-hydration';
@@ -97,6 +98,8 @@ export default defineComponent({
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
   setup() {
     const { addTags } = useCache();
+    const { app } = useContext();
+    const year = new Date().getFullYear();
 
     const {
       products: newProductsResult,
@@ -105,9 +108,9 @@ export default defineComponent({
     } = useProduct('newProducts');
     const heroes = ref([
       {
-        title: 'Colorful summer dresses are already in store',
-        subtitle: 'SUMMER COLLECTION 2021',
-        buttonText: 'Learn more',
+        title: app.i18n.t('Colorful summer dresses are already in store'),
+        subtitle: app.i18n.t('SUMMER COLLECTION {year}', { year }),
+        buttonText: app.i18n.t('Learn more'),
         background: '#eceff1',
         image: {
           mobile:
@@ -118,9 +121,9 @@ export default defineComponent({
         link: '/c/women/women-clothing-shirts',
       },
       {
-        title: 'Colorful summer dresses are already in store',
-        subtitle: 'SUMMER COLLECTION 2021',
-        buttonText: 'Learn more',
+        title: app.i18n.t('Colorful summer dresses are already in store'),
+        subtitle: app.i18n.t('SUMMER COLLECTION {year}', { year }),
+        buttonText: app.i18n.t('Learn more'),
         background: '#fce4ec',
         image: {
           mobile:
@@ -131,9 +134,9 @@ export default defineComponent({
         link: '/c/women/women-clothing-dresses',
       },
       {
-        title: 'Colorful summer dresses are already in store',
-        subtitle: 'SUMMER COLLECTION 2021',
-        buttonText: 'Learn more',
+        title: app.i18n.t('Colorful summer dresses are already in store'),
+        subtitle: app.i18n.t('SUMMER COLLECTION {year}', { year }),
+        buttonText: app.i18n.t('Learn more'),
         background: '#efebe9',
         image: {
           mobile:
@@ -149,8 +152,8 @@ export default defineComponent({
     const banners = ref([
       {
         slot: 'banner-A',
-        subtitle: 'Dresses',
-        title: 'Cocktail & Party',
+        subtitle: app.i18n.t('Dresses'),
+        title: app.i18n.t('Cocktail & Party'),
         description:
             'Find stunning women\'s cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.',
         buttonText: 'Shop now',
@@ -165,11 +168,10 @@ export default defineComponent({
       },
       {
         slot: 'banner-B',
-        subtitle: 'Dresses',
-        title: 'Linen Dresses',
-        description:
-            'Find stunning women\'s cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.',
-        buttonText: 'Shop now',
+        subtitle: app.i18n.t('Dresses'),
+        title: app.i18n.t('Linen Dresses'),
+        description: app.i18n.t('Find stunning women\'s cocktail dresses and party dresses. Stand out in lace and metallic cocktail dresses from all your favorite brands.'),
+        buttonText: app.i18n.t('Shop now'),
         image: {
           mobile:
               'https://cdn.shopify.com/s/files/1/0407/1902/4288/files/bannerE_328x343.jpg',
@@ -181,8 +183,8 @@ export default defineComponent({
       },
       {
         slot: 'banner-C',
-        subtitle: 'T-Shirts',
-        title: 'The Office Life',
+        subtitle: app.i18n.t('T-Shirts'),
+        title: app.i18n.t('The Office Life'),
         image: {
           mobile:
               'https://cdn.shopify.com/s/files/1/0407/1902/4288/files/bannerC_328x343.jpg',
@@ -194,8 +196,8 @@ export default defineComponent({
       },
       {
         slot: 'banner-D',
-        subtitle: 'Summer Sandals',
-        title: 'Eco Sandals',
+        subtitle: app.i18n.t('Summer Sandals'),
+        title: app.i18n.t('Eco Sandals'),
         image: {
           mobile:
               'https://cdn.shopify.com/s/files/1/0407/1902/4288/files/bannerG_328x343.jpg',
@@ -220,7 +222,7 @@ export default defineComponent({
       });
 
       addTags([
-        { prefix: CacheTagPrefix.View, value: 'home' }
+        { prefix: CacheTagPrefix.View, value: 'home' },
       ]);
     });
 

From 0518af903909e1f5e9f0d344d8b64d7093f13f39 Mon Sep 17 00:00:00 2001
From: Kevin Gorjan <kevingorjan@gmail.com>
Date: Mon, 31 Jan 2022 16:50:00 +0100
Subject: [PATCH 2/2] chore(theme): added translations for my-account

---
 .../MyAccount/ProfileUpdateForm.vue           |  8 ++---
 packages/theme/lang/de.js                     | 20 ++++++++++++-
 packages/theme/lang/en.js                     | 22 +++++++++++++-
 packages/theme/pages/MyAccount.vue            | 30 +++++++++----------
 .../pages/MyAccount/AddressesDetails.vue      |  6 ++--
 .../theme/pages/MyAccount/MyNewsletter.vue    |  4 +--
 packages/theme/pages/MyAccount/MyProfile.vue  |  4 +--
 packages/theme/pages/MyAccount/MyReviews.vue  |  6 ++--
 packages/theme/pages/MyAccount/MyWishlist.vue | 12 ++++----
 .../theme/pages/MyAccount/OrderHistory.vue    | 12 ++++----
 10 files changed, 81 insertions(+), 43 deletions(-)

diff --git a/packages/theme/components/MyAccount/ProfileUpdateForm.vue b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
index 460a68a71..fc02adb88 100644
--- a/packages/theme/components/MyAccount/ProfileUpdateForm.vue
+++ b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
@@ -13,7 +13,7 @@
           <SfInput
             v-model="form.firstname"
             name="firstName"
-            label="First Name"
+            :label="$t('First Name')"
             required
             :valid="!errors[0]"
             :error-message="errors[0]"
@@ -27,7 +27,7 @@
           <SfInput
             v-model="form.lastname"
             name="lastName"
-            label="Last Name"
+            :label="$t('Last Name')"
             required
             :valid="!errors[0]"
             :error-message="errors[0]"
@@ -43,7 +43,7 @@
           v-model="form.email"
           type="email"
           name="email"
-          label="Your e-mail"
+          :label="$t('Your e-mail')"
           required
           :valid="!errors[0]"
           :error-message="errors[0]"
@@ -61,7 +61,7 @@
           v-model="currentPassword"
           type="password"
           name="currentPassword"
-          label="Current Password"
+          :label="$t('Current Password')"
           required
           class="form__element"
           style="margin-top: 10px"
diff --git a/packages/theme/lang/de.js b/packages/theme/lang/de.js
index b01859804..4eab7c232 100644
--- a/packages/theme/lang/de.js
+++ b/packages/theme/lang/de.js
@@ -204,5 +204,23 @@ export default {
   "Be aware of upcoming sales and events. Receive gifts and special offers!": "Informieren Sie sich über bevorstehende Verkäufe und Veranstaltungen. Erhalten Sie Geschenke und Sonderangebote",
   "Fashion to take away": "Mode zum Mitnehmen",
   "Download our application to your mobile": "Laden Sie unsere Anwendung auf Ihr Handy herunter",
-  "Share Your Look": "Teilen Sie Ihren Look"
+  "Share Your Look": "Teilen Sie Ihren Look",
+  "My Account": "Mein Konto",
+  "My profile": "Mein Profil",
+  "Personal Details": "Persönliche Daten",
+  "Addresses details": "Adressendetails",
+  "My newsletter": "Mein Newsletter",
+  "Log out": "Ausloggen",
+  "My reviews": "Meine Bewertungen",
+  "Order history": "Bestellverlauf",
+  "Order details": "Bestelldetails",
+  "My wishlist": "Meine Wunschliste",
+  "Password change": "Passwortänderung",
+  "Personal data": "Persönliche Daten",
+  "Your e-mail": "Deine E-Mail",
+  "Current Password": "Jetziges Passwortd",
+  "You are not authorized, please log in.": "Sie sind nicht autorisiert, bitte melden Sie sich an.",
+  "Go To Product": "Zum Produkt",
+  "Returns":"Rücklauf",
+  "My orders": "Meine Bestellungen",
 };
diff --git a/packages/theme/lang/en.js b/packages/theme/lang/en.js
index ba61bb560..269eb29f3 100644
--- a/packages/theme/lang/en.js
+++ b/packages/theme/lang/en.js
@@ -199,5 +199,25 @@ export default {
   "Be aware of upcoming sales and events. Receive gifts and special offers!": "Be aware of upcoming sales and events. Receive gifts and special offers",
   "Fashion to take away": "Fashion to take away",
   "Download our application to your mobile": "Download our application to your mobile",
-  "Share Your Look": "Share Your Look"
+  "Share Your Look": "Share Your Look",
+  "My Account": "My Account",
+  "My profile": "My profile",
+  "Personal Details": "Personal Details",
+  "Addresses details": "Addresses details",
+  "My newsletter": "My newsletter",
+  "Log out": "Log out",
+  "My reviews": "My reviews",
+  "Order history": "Order history",
+  "Order details": "Order details",
+  "My wishlist": "My wishlist",
+  "Password change": "Password change",
+  "Personal data": "Personal data",
+  "Your e-mail": "Your e-mail",
+  "Current Password": "Current Password",
+  "You are not authorized, please log in.": "You are not authorized, please log in.",
+  "Go To Product": "Go To Product",
+  "Change to list view": "Change to list view",
+  "Change to grid view": "Change to grid view",
+  "Returns":"Returns",
+  "My orders": "My orders",
 };
diff --git a/packages/theme/pages/MyAccount.vue b/packages/theme/pages/MyAccount.vue
index 16b882746..b2c9c2171 100644
--- a/packages/theme/pages/MyAccount.vue
+++ b/packages/theme/pages/MyAccount.vue
@@ -6,40 +6,40 @@
     />
     <SfContentPages
       v-e2e="'my-account-content-pages'"
-      title="My Account"
+      :title="$t('My Account')"
       :active="activePage"
       class="my-account"
       @click:change="changeActivePage"
     >
-      <SfContentCategory title="Personal Details">
-        <SfContentPage title="My profile">
+      <SfContentCategory :title="$t('Personal Details')">
+        <SfContentPage :title="$t('My profile')">
           <MyProfile />
         </SfContentPage>
 
-        <SfContentPage title="Addresses details">
+        <SfContentPage :title="$t('Addresses details')">
           <AddressesDetails />
         </SfContentPage>
 
-        <SfContentPage title="My newsletter">
+        <SfContentPage :title="$t('My newsletter')">
           <MyNewsletter />
         </SfContentPage>
 
-        <SfContentPage title="My wishlist">
+        <SfContentPage :title="$t('My wishlist')">
           <MyWishlist />
         </SfContentPage>
       </SfContentCategory>
 
-      <SfContentCategory title="Order details">
-        <SfContentPage title="Order history">
+      <SfContentCategory :title="$t('Order details')">
+        <SfContentPage :title="$t('Order history')">
           <OrderHistory />
         </SfContentPage>
 
-        <SfContentPage title="My reviews">
+        <SfContentPage :title="$t('My reviews')">
           <MyReviews />
         </SfContentPage>
       </SfContentCategory>
 
-      <SfContentPage title="Log out" />
+      <SfContentPage :title="$t('Log out')" />
     </SfContentPages>
   </div>
 </template>
@@ -85,15 +85,15 @@ export default defineComponent({
     const route = useRoute();
     const router = useRouter();
     const { logout } = useUser();
-    const { localePath } = useContext();
+    const { localePath, app } = useContext();
     const isMobile = computed(() => mapMobileObserver().isMobile.get());
     const breadcrumbs = ref([
       {
-        text: 'Home',
+        text: app.i18n.t('Home'),
         route: { link: '#' },
       },
       {
-        text: 'My Account',
+        text: app.i18n.t('My Account'),
         route: { link: '#' },
       },
     ]);
@@ -103,13 +103,13 @@ export default defineComponent({
       if (pageName) {
         return (pageName.charAt(0).toUpperCase() + pageName.slice(1)).replace('-', ' ');
       } if (!isMobile.value) {
-        return 'My profile';
+        return app.i18n.t('My profile');
       }
       return '';
     });
 
     const changeActivePage = async (title) => {
-      if (title === 'Log out') {
+      if (title === app.i18n.t('Log out')) {
         await logout();
         await router.push(`${localePath({ name: 'home' })}`);
 
diff --git a/packages/theme/pages/MyAccount/AddressesDetails.vue b/packages/theme/pages/MyAccount/AddressesDetails.vue
index b4c398c0d..954ae0faa 100644
--- a/packages/theme/pages/MyAccount/AddressesDetails.vue
+++ b/packages/theme/pages/MyAccount/AddressesDetails.vue
@@ -7,7 +7,7 @@
       class="tab-orphan"
     >
       <SfTab
-        :title="isNewAddress ? 'Add the address' : 'Update the address'"
+        :title="isNewAddress ? $t('Add the address') : $t('Update the address')"
       >
         <p class="message">
           {{ $t('Contact details updated') }}
@@ -27,7 +27,7 @@
       :open-tab="1"
       class="tab-orphan"
     >
-      <SfTab title="Addresses details">
+      <SfTab :title="$t('Addresses details')">
         <p class="message">
           {{ $t('Manage addresses') }}
         </p>
@@ -118,7 +118,7 @@ export default defineComponent({
     const route = useRoute();
     const { app } = useContext();
     const activeAddress = computed(
-      () => userAddresses.value.filter((address) => address?.id == route.value.query.id).pop(),
+      () => userAddresses.value.filter((address) => address?.id === route.value.query.id).pop(),
     );
 
     const isNewAddress = computed(() => !activeAddress.value);
diff --git a/packages/theme/pages/MyAccount/MyNewsletter.vue b/packages/theme/pages/MyAccount/MyNewsletter.vue
index 25ba4ea2e..6e2de1a50 100644
--- a/packages/theme/pages/MyAccount/MyNewsletter.vue
+++ b/packages/theme/pages/MyAccount/MyNewsletter.vue
@@ -3,7 +3,7 @@
     :open-tab="1"
     class="tab-orphan"
   >
-    <SfTab title="My newsletter">
+    <SfTab :title="$t('My newsletter')">
       <p class="message">
         {{ $t('Set up newsletter') }}
       </p>
@@ -12,7 +12,7 @@
           <SfCheckbox
             v-model="isSubscribed"
             v-e2e="'sign-up-newsletter'"
-            label="Sign Up for Newsletter"
+            :label="$t('Sign Up for Newsletter')"
             name="signupNewsletter"
             class="form__element"
           />
diff --git a/packages/theme/pages/MyAccount/MyProfile.vue b/packages/theme/pages/MyAccount/MyProfile.vue
index 0d472c773..b7ee91365 100644
--- a/packages/theme/pages/MyAccount/MyProfile.vue
+++ b/packages/theme/pages/MyAccount/MyProfile.vue
@@ -1,7 +1,7 @@
 <template>
   <SfTabs :open-tab="1">
     <!-- Personal data update -->
-    <SfTab title="Personal data">
+    <SfTab :title="$t('Personal data')">
       <p class="message">
         {{ $t('Feel free to edit') }}
       </p>
@@ -18,7 +18,7 @@
     </SfTab>
 
     <!-- Password reset -->
-    <SfTab title="Password change">
+    <SfTab :title="$t('Password change')">
       <p class="message">
         {{ $t('Change password your account') }}:<br>
       </p>
diff --git a/packages/theme/pages/MyAccount/MyReviews.vue b/packages/theme/pages/MyAccount/MyReviews.vue
index 63ada07fb..4bcc3a50d 100644
--- a/packages/theme/pages/MyAccount/MyReviews.vue
+++ b/packages/theme/pages/MyAccount/MyReviews.vue
@@ -3,7 +3,7 @@
     :open-tab="1"
     class="tab-orphan"
   >
-    <SfTab title="My reviews">
+    <SfTab :title="$t('My reviews')">
       <div v-if="loading">
         <SfLoader />
       </div>
@@ -17,8 +17,8 @@
         :max-rating="5"
         :rating="reviewGetters.getReviewRating(review)"
         :char-limit="250"
-        read-more-text="Read more"
-        hide-full-text="Read less"
+        :read-more-text="$t('Read more')"
+        :hide-full-text="$t('Read less')"
         class="product__review"
       >
         <template #info="{ rating, maxRating, date }">
diff --git a/packages/theme/pages/MyAccount/MyWishlist.vue b/packages/theme/pages/MyAccount/MyWishlist.vue
index cdd86e453..2d9bd670b 100644
--- a/packages/theme/pages/MyAccount/MyWishlist.vue
+++ b/packages/theme/pages/MyAccount/MyWishlist.vue
@@ -3,7 +3,7 @@
     :open-tab="1"
     class="tab-orphan"
   >
-    <SfTab title="My wishlist">
+    <SfTab :title="$t('My wishlist')">
       <div v-if="loading">
         <SfLoader />
       </div>
@@ -27,7 +27,7 @@
                 icon="tiles"
                 size="12px"
                 role="button"
-                aria-label="Change to grid view"
+                :aria-label="$t('Change to grid view')"
                 :aria-pressed="isWishlistGridView"
                 @click="changeToWishlistGridView"
               />
@@ -37,7 +37,7 @@
                 icon="list"
                 size="12px"
                 role="button"
-                aria-label="Change to list view"
+                :aria-label="$t('Change to list view')"
                 :aria-pressed="!isWishlistGridView"
                 @click="changeToWishlistListView"
               />
@@ -95,7 +95,7 @@
                       :link="imageSlotProps.link"
                       class="sf-button--pure sf-product-card__link"
                       data-testid="product-link"
-                      aria-label="Go To Product"
+                      :aria-label="$t('Go To Product')"
                       v-on="$listeners"
                     >
                       <template v-if="Array.isArray(imageSlotProps.image)">
@@ -187,13 +187,13 @@
                   <template #configuration>
                     <SfProperty
                       class="desktop-only"
-                      name="Size"
+                      :name="$t('Size')"
                       value="XS"
                       style="margin: 0 0 1rem 0"
                     />
                     <SfProperty
                       class="desktop-only"
-                      name="Color"
+                      :name="$t('Color')"
                       value="white"
                     />
                   </template>
diff --git a/packages/theme/pages/MyAccount/OrderHistory.vue b/packages/theme/pages/MyAccount/OrderHistory.vue
index 941b3b212..b8bbc0fa1 100644
--- a/packages/theme/pages/MyAccount/OrderHistory.vue
+++ b/packages/theme/pages/MyAccount/OrderHistory.vue
@@ -2,7 +2,7 @@
   <SfTabs :open-tab="1">
     <SfTab
       data-cy="order-history-tab_my-orders"
-      title="My orders"
+      :title="$t('My orders')"
     >
       <div v-if="loading">
         <SfLoader />
@@ -17,22 +17,22 @@
         </SfButton>
         <div class="highlighted highlighted--total">
           <SfProperty
-            name="Order ID"
+            :name="$t('Order ID')"
             :value="orderGetters.getId(currentOrder)"
             class="sf-property--full-width property"
           />
           <SfProperty
-            name="Date"
+            :name="$t('Date')"
             :value="orderGetters.getDate(currentOrder)"
             class="sf-property--full-width property"
           />
           <SfProperty
-            name="Status"
+            :name="$t('Status')"
             :value="orderGetters.getStatus(currentOrder)"
             class="sf-property--full-width property"
           />
           <SfProperty
-            name="Total"
+            :name="$t('Total')"
             :value="$fc(orderGetters.getPrice(currentOrder))"
             class="sf-property--full-width property"
           />
@@ -149,7 +149,7 @@
     </SfTab>
     <SfTab
       data-cy="order-history-tab_returns"
-      title="Returns"
+      :title="$t('Returns')"
     >
       <p class="message">
         This feature is not implemented yet! Please take a look at