From 538ed9bcbee85396b7d0168a3ef400f1854285f9 Mon Sep 17 00:00:00 2001
From: Sam <sam@binshops.com>
Date: Wed, 18 May 2022 19:44:15 -0400
Subject: [PATCH 1/4] added missing translations

---
 .../theme/components/AppFooter.vue            |  2 +-
 .../theme/components/BottomNavigation.vue     |  4 +-
 .../theme/components/CartSidebar.vue          | 13 +++--
 .../theme/components/FiltersSidebar.vue       |  2 +-
 .../theme/components/LocaleSelector.vue       |  2 +-
 .../theme/components/LoginModal.vue           | 16 +++---
 .../theme/components/WishlistSidebar.vue      | 11 ++---
 packages/nuxt-theme-module/theme/lang/de.js   | 49 ++++++++++++++++++-
 packages/nuxt-theme-module/theme/lang/en.js   | 49 ++++++++++++++++++-
 .../theme/pages/Checkout/Billing.vue          | 18 +++----
 .../theme/pages/Checkout/Payment.vue          |  6 +--
 .../theme/pages/Checkout/Shipping.vue         | 18 +++----
 .../theme/pages/Checkout/ThankYou.vue         | 10 ++--
 .../nuxt-theme-module/theme/pages/Home.vue    |  6 +--
 .../theme/pages/MyAccount.vue                 | 18 +++----
 .../theme/pages/MyAccount/MyNewsletter.vue    |  8 +--
 .../theme/pages/MyAccount/MyProfile.vue       |  4 +-
 .../theme/pages/MyAccount/OrderHistory.vue    | 14 +++---
 .../nuxt-theme-module/theme/pages/Product.vue | 10 ++--
 19 files changed, 176 insertions(+), 84 deletions(-)

diff --git a/packages/nuxt-theme-module/theme/components/AppFooter.vue b/packages/nuxt-theme-module/theme/components/AppFooter.vue
index 615af0b9cb..5d99290598 100644
--- a/packages/nuxt-theme-module/theme/components/AppFooter.vue
+++ b/packages/nuxt-theme-module/theme/components/AppFooter.vue
@@ -48,7 +48,7 @@
         </SfListItem>
       </SfList>
     </SfFooterColumn>
-    <SfFooterColumn title="Social">
+    <SfFooterColumn :title="$t('Social')">
       <div class="footer__socials">
         <SfImage class="footer__social-image" v-for="item in social" :key="item" :src="addBasePath('/icons/'+item+'.svg')" :alt="item" width="32" height="32" />
       </div>
diff --git a/packages/nuxt-theme-module/theme/components/BottomNavigation.vue b/packages/nuxt-theme-module/theme/components/BottomNavigation.vue
index 953e38f68e..013c85bd46 100644
--- a/packages/nuxt-theme-module/theme/components/BottomNavigation.vue
+++ b/packages/nuxt-theme-module/theme/components/BottomNavigation.vue
@@ -3,7 +3,7 @@
   <SfBottomNavigation class="navigation-bottom smartphone-only">
     <SfBottomNavigationItem
       :class="route.path == '/' ? 'sf-bottom-navigation__item--active' : ''"
-      icon="home" size="20px" label="Home"
+      icon="home" size="20px" :label="$t('Home')"
       @click="handleHomeClick"
     />
     <SfBottomNavigationItem icon="menu" size="20px" label="Menu" @click="toggleMobileMenu"/>
@@ -11,7 +11,7 @@
     <SfBottomNavigationItem icon="profile" size="20px" label="Account" @click="handleAccountClick"/>
     <!-- TODO: add logic for label - if on Home then Basket, if on PDC then AddToCart etc. -->
     <SfBottomNavigationItem
-      label="Basket"
+      :label="$t('Basket')"
       icon="add_to_cart"
       @click="toggleCartSidebar"
     >
diff --git a/packages/nuxt-theme-module/theme/components/CartSidebar.vue b/packages/nuxt-theme-module/theme/components/CartSidebar.vue
index 6a44134b2b..2733ed4496 100644
--- a/packages/nuxt-theme-module/theme/components/CartSidebar.vue
+++ b/packages/nuxt-theme-module/theme/components/CartSidebar.vue
@@ -3,7 +3,7 @@
     <SfSidebar
       v-e2e="'sidebar-cart'"
       :visible="isCartSidebarOpen"
-      title="My Cart"
+      :title="$t('My Cart')"
       class="sf-sidebar--right"
       @close="toggleCartSidebar"
     >
@@ -11,7 +11,7 @@
         <SfProperty
           v-if="totalItems"
           class="sf-property--large cart-summary desktop-only"
-          name="Total items"
+          :name="$t('Total items')"
           :value="totalItems"
         />
       </template>
@@ -60,16 +60,15 @@
         <div v-else key="empty-cart" class="empty-cart">
           <div class="empty-cart__banner">
             <SfImage
-              alt="Empty bag"
+              :alt="$t('Empty bag')"
               class="empty-cart__image"
               :src="addBasePath('/icons/empty-cart.svg')"
             />
             <SfHeading
-              title="Your cart is empty"
+              :title="$t('Your cart is empty')"
               :level="2"
               class="empty-cart__heading"
-              description="Looks like you haven’t added any items to the bag yet. Start
-              shopping to fill it in."
+              :description="$t('Empty')"
             />
           </div>
         </div>
@@ -78,7 +77,7 @@
         <transition name="sf-fade">
           <div v-if="totalItems">
             <SfProperty
-              name="Subtotal price"
+              :name="$t('Subtotal price')"
               class="sf-property--full-width sf-property--large my-cart__total-price"
             >
               <template #value>
diff --git a/packages/nuxt-theme-module/theme/components/FiltersSidebar.vue b/packages/nuxt-theme-module/theme/components/FiltersSidebar.vue
index d8e46a5958..e8f2b07054 100644
--- a/packages/nuxt-theme-module/theme/components/FiltersSidebar.vue
+++ b/packages/nuxt-theme-module/theme/components/FiltersSidebar.vue
@@ -2,7 +2,7 @@
   <div id="filters">
     <SfSidebar
       :visible="isFilterSidebarOpen"
-      title="Filters"
+      :title="$t('Filters')"
       class="sidebar-filters"
       @close="toggleFilterSidebar"
     >
diff --git a/packages/nuxt-theme-module/theme/components/LocaleSelector.vue b/packages/nuxt-theme-module/theme/components/LocaleSelector.vue
index 3b13484771..e3d3db3778 100644
--- a/packages/nuxt-theme-module/theme/components/LocaleSelector.vue
+++ b/packages/nuxt-theme-module/theme/components/LocaleSelector.vue
@@ -8,7 +8,7 @@
     </SfButton>
     <SfBottomModal
       :is-open="isLangModalOpen"
-      title="Choose language"
+      :title="$t('Choose language')"
       @click:close="isLangModalOpen = !isLangModalOpen"
     >
       <SfList>
diff --git a/packages/nuxt-theme-module/theme/components/LoginModal.vue b/packages/nuxt-theme-module/theme/components/LoginModal.vue
index 8fac650354..e69b464e7f 100644
--- a/packages/nuxt-theme-module/theme/components/LoginModal.vue
+++ b/packages/nuxt-theme-module/theme/components/LoginModal.vue
@@ -24,7 +24,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="email"
-                label="Your email"
+                :label="$t('Your email')"
                 class="form__element"
               />
             </ValidationProvider>
@@ -35,7 +35,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="password"
-                label="Password"
+                :label="$t('Password')"
                 type="password"
                 class="form__element"
               />
@@ -44,7 +44,7 @@
               v-e2e="'login-modal-remember-me'"
               v-model="rememberMe"
               name="remember-me"
-              label="Remember me"
+              :label="$t('Remember me')"
               class="form__element checkbox"
             />
             <div v-if="error.login">
@@ -120,7 +120,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="email"
-                label="Your email"
+                :label="$t('Your email')"
                 class="form__element"
               />
             </ValidationProvider>
@@ -131,7 +131,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="first-name"
-                label="First Name"
+                :label="$t('First Name')"
                 class="form__element"
               />
             </ValidationProvider>
@@ -142,7 +142,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="last-name"
-                label="Last Name"
+                :label="$t('Last Name')"
                 class="form__element"
               />
             </ValidationProvider>
@@ -153,7 +153,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="password"
-                label="Password"
+                :label="$t('Password')"
                 type="password"
                 class="form__element"
               />
@@ -165,7 +165,7 @@
                 :valid="!errors[0]"
                 :errorMessage="errors[0]"
                 name="create-account"
-                label="I want to create an account"
+                :label="$t('I want to create an account')"
                 class="form__element"
               />
             </ValidationProvider>
diff --git a/packages/nuxt-theme-module/theme/components/WishlistSidebar.vue b/packages/nuxt-theme-module/theme/components/WishlistSidebar.vue
index e11f691dfa..d4ecbe1e5f 100644
--- a/packages/nuxt-theme-module/theme/components/WishlistSidebar.vue
+++ b/packages/nuxt-theme-module/theme/components/WishlistSidebar.vue
@@ -3,13 +3,13 @@
     <SfSidebar
       :visible="isWishlistSidebarOpen"
       :button="false"
-      title="My Wishlist"
+      :title="$t('My Wishlist')"
       @close="toggleWishlistSidebar"
       class="sidebar sf-sidebar--right"
     >
       <template #title>
         <div class="heading__wrapper">
-          <SfHeading :level="3" title="My wishlist" class="sf-heading--left"/>
+          <SfHeading :level="3" :title="$t('My Wishlist')" class="sf-heading--left"/>
           <SfButton class="heading__close-button sf-button--pure" aria-label="Wishlist sidebar close button" @click="toggleWishlistSidebar">
             <SfIcon icon="cross" size="14px" color="gray-primary"/>
           </SfButton>
@@ -17,7 +17,7 @@
       </template>
       <transition name="fade" mode="out-in">
         <div v-if="totalItems" class="my-wishlist" key="my-wishlist">
-          <div class="my-wishlist__total-items">Total items: <strong>{{ totalItems }}</strong></div>
+          <div class="my-wishlist__total-items">{{ $t('Total items') }}: <strong>{{ totalItems }}</strong></div>
           <div class="collected-product-list">
             <transition-group name="fade" tag="div">
               <SfCollectedProduct
@@ -57,9 +57,8 @@
           <div class="empty-wishlist__banner">
             <SfImage :src="addBasePath('/icons/empty-cart.svg')" alt="Empty bag" class="empty-wishlist__icon" />
             <SfHeading
-              title="Your bag is empty"
-              description="Looks like you haven’t added any items to the bag yet. Start
-              shopping to fill it in."
+              :title="$t('Your bag is empty')"
+              :description="$t('Empty')"
               class="empty-wishlist__label"
             />
           </div>
diff --git a/packages/nuxt-theme-module/theme/lang/de.js b/packages/nuxt-theme-module/theme/lang/de.js
index 282dc557bd..020ffdd4c9 100644
--- a/packages/nuxt-theme-module/theme/lang/de.js
+++ b/packages/nuxt-theme-module/theme/lang/de.js
@@ -155,5 +155,52 @@ export default {
   'show more': 'mehr anzeigen',
   'hide': 'ausblenden',
   'Change to grid view': 'Zur Rasteransicht wechseln',
-  'Change to list view': 'Zur Listenansicht wechseln'
+  'Change to list view': 'Zur Listenansicht wechseln',
+  'Social': 'Social',
+  'I want to create an account': 'I want to create an account',
+  'Last Name': 'Last Name',
+  'First Name': 'First Name',
+  'Your email': 'Your email',
+  'Remember me': 'Remember me',
+  'My Cart': 'My Cart',
+  'Total items' : 'Total items',
+  'Empty bag': 'Empty bag',
+  'Your cart is empty': 'Your cart is empty',
+  'Subtotal price': 'Subtotal price',
+  'Basket': 'Basket',
+  'Choose language': 'Choose language',
+  'My Wishlist': 'My Wishlist',
+  'Street name': 'Street name',
+  'House/Apartment number': 'House/Apartment number',
+  'City': 'City',
+  'State/Province': 'State/Province',
+  'Country': 'Country',
+  'Zip-code': 'Zip-code',
+  'Phone number': 'Phone number',
+  'Thank you for your order!': 'Thank you for your order!',
+  'Your Purchase': 'Your Purchase',
+  'Primary contacts for any questions': 'Primary contacts for any questions',
+  'Your Account': 'Your Account',
+  'What can we improve': 'What can we improve',
+  'My Account': 'My Account',
+  'My profile': 'My profile',
+  'Personal Details': 'Personal Details',
+  'Billing details': 'Billing details',
+  'My newsletter': 'My newsletter',
+  'Log out': 'Log out',
+  'Order details': 'Order details',
+  'Order history': 'Order history',
+  'Read more': 'Read more',
+  'Read less': 'Read less',
+  'Woman': 'Woman',
+  'Man': 'Man',
+  'Kids': 'Kids',
+  'Personal data': 'Personal data',
+  'Password change': 'Password change',
+  'My orders': 'My orders',
+  'Order ID': 'Order ID',
+  'Date': 'Date',
+  'Status': 'Status',
+  'Returns': 'Returns',
+  'Total orders': 'Total orders'
 };
diff --git a/packages/nuxt-theme-module/theme/lang/en.js b/packages/nuxt-theme-module/theme/lang/en.js
index 64d31efee4..8102c29d8c 100644
--- a/packages/nuxt-theme-module/theme/lang/en.js
+++ b/packages/nuxt-theme-module/theme/lang/en.js
@@ -155,5 +155,52 @@ export default {
   'show more': 'show more',
   'hide': 'hide',
   'Change to grid view': 'Change to grid view',
-  'Change to list view': 'Change to list view'
+  'Change to list view': 'Change to list view',
+  'Social': 'Social',
+  'I want to create an account': 'I want to create an account',
+  'Last Name': 'Last Name',
+  'First Name': 'First Name',
+  'Your email': 'Your email',
+  'Remember me': 'Remember me',
+  'My Cart': 'My Cart',
+  'Total items' : 'Total items',
+  'Empty bag': 'Empty bag',
+  'Your cart is empty': 'Your cart is empty',
+  'Subtotal price': 'Subtotal price',
+  'Basket': 'Basket',
+  'Choose language': 'Choose language',
+  'My Wishlist': 'My Wishlist',
+  'Street name': 'Street name',
+  'House/Apartment number': 'House/Apartment number',
+  'City': 'City',
+  'State/Province': 'State/Province',
+  'Country': 'Country',
+  'Zip-code': 'Zip-code',
+  'Phone number': 'Phone number',
+  'Thank you for your order!': 'Thank you for your order!',
+  'Your Purchase': 'Your Purchase',
+  'Primary contacts for any questions': 'Primary contacts for any questions',
+  'Your Account': 'Your Account',
+  'What can we improve': 'What can we improve',
+  'My Account': 'My Account',
+  'My profile': 'My profile',
+  'Personal Details': 'Personal Details',
+  'Billing details': 'Billing details',
+  'My newsletter': 'My newsletter',
+  'Log out': 'Log out',
+  'Order details': 'Order details',
+  'Order history': 'Order history',
+  'Read more': 'Read more',
+  'Read less': 'Read less',
+  'Woman': 'Woman',
+  'Man': 'Man',
+  'Kids': 'Kids',
+  'Personal data': 'Personal data',
+  'Password change': 'Password change',
+  'My orders': 'My orders',
+  'Order ID': 'Order ID',
+  'Date': 'Date',
+  'Status': 'Status',
+  'Returns': 'Returns',
+  'Total orders': 'Total orders'
 };
diff --git a/packages/nuxt-theme-module/theme/pages/Checkout/Billing.vue b/packages/nuxt-theme-module/theme/pages/Checkout/Billing.vue
index 7a63df1f25..ef9f6b233b 100644
--- a/packages/nuxt-theme-module/theme/pages/Checkout/Billing.vue
+++ b/packages/nuxt-theme-module/theme/pages/Checkout/Billing.vue
@@ -17,7 +17,7 @@
           <SfInput
             v-e2e="'billing-firstName'"
             v-model="form.firstName"
-            label="First name"
+            :label="$t('First name')"
             name="firstName"
             class="form__element form__element--half"
             required
@@ -34,7 +34,7 @@
           <SfInput
             v-e2e="'billing-lastName'"
             v-model="form.lastName"
-            label="Last name"
+            :label="$t('Last name')"
             name="lastName"
             class="form__element form__element--half form__element--half-even"
             required
@@ -51,7 +51,7 @@
           <SfInput
             v-e2e="'billing-streetName'"
             v-model="form.streetName"
-            label="Street name"
+            :label="$t('Street name')"
             name="streetName"
             class="form__element form__element--half"
             required
@@ -68,7 +68,7 @@
           <SfInput
             v-e2e="'billing-apartment'"
             v-model="form.apartment"
-            label="House/Apartment number"
+            :label="$t('House/Apartment number')"
             name="apartment"
             class="form__element form__element--half form__element--half-even"
             required
@@ -85,7 +85,7 @@
           <SfInput
             v-e2e="'billing-city'"
             v-model="form.city"
-            label="City"
+            :label="$t('City')"
             name="city"
             class="form__element form__element--half"
             required
@@ -100,7 +100,7 @@
           <SfInput
             v-e2e="'billing-state'"
             v-model="form.state"
-            label="State/Province"
+            :label="$t('State/Province')"
             name="state"
             class="form__element form__element--half form__element--half-even"
           />
@@ -114,7 +114,7 @@
           <SfSelect
             v-e2e="'billing-country'"
             v-model="form.country"
-            label="Country"
+            :label="$t('Country')"
             name="country"
             class="form__element form__element--half form__select sf-select--underlined"
             required
@@ -139,7 +139,7 @@
           <SfInput
             v-e2e="'billing-zipcode'"
             v-model="form.postalCode"
-            label="Zip-code"
+            :label="$t('Zip-code')"
             name="zipCode"
             class="form__element form__element--half form__element--half-even"
             required
@@ -156,7 +156,7 @@
           <SfInput
             v-e2e="'billing-phone'"
             v-model="form.phone"
-            label="Phone number"
+            :label="$t('Phone number')"
             name="phone"
             class="form__element form__element--half"
             required
diff --git a/packages/nuxt-theme-module/theme/pages/Checkout/Payment.vue b/packages/nuxt-theme-module/theme/pages/Checkout/Payment.vue
index 04cefdbac9..6fd06a4911 100644
--- a/packages/nuxt-theme-module/theme/pages/Checkout/Payment.vue
+++ b/packages/nuxt-theme-module/theme/pages/Checkout/Payment.vue
@@ -2,7 +2,7 @@
   <div>
     <SfHeading
       :level="3"
-      title="Payment"
+      :title="$t('Payment')"
       class="sf-heading--left sf-heading--no-underline title"
     />
     <SfTable class="sf-table--bordered table desktop-only">
@@ -49,7 +49,7 @@
       <div class="summary__group">
         <div class="summary__total">
           <SfProperty
-            name="Subtotal"
+            :name="$t('Subtotal')"
             :value="$n(totals.special > 0 ? totals.special : totals.subtotal, 'currency')"
             class="sf-property--full-width property"
           />
@@ -58,7 +58,7 @@
         <SfDivider />
 
         <SfProperty
-          name="Total price"
+          :name="$t('Total price')"
           :value="$n(totals.total, 'currency')"
           class="sf-property--full-width sf-property--large summary__property-total"
         />
diff --git a/packages/nuxt-theme-module/theme/pages/Checkout/Shipping.vue b/packages/nuxt-theme-module/theme/pages/Checkout/Shipping.vue
index 72b5c3d369..8bb5c4d323 100644
--- a/packages/nuxt-theme-module/theme/pages/Checkout/Shipping.vue
+++ b/packages/nuxt-theme-module/theme/pages/Checkout/Shipping.vue
@@ -17,7 +17,7 @@
           <SfInput
             v-e2e="'shipping-firstName'"
             v-model="form.firstName"
-            label="First name"
+            :label="$t('First name')"
             name="firstName"
             class="form__element form__element--half"
             required
@@ -34,7 +34,7 @@
           <SfInput
             v-e2e="'shipping-lastName'"
             v-model="form.lastName"
-            label="Last name"
+            :label="$t('Last name')"
             name="lastName"
             class="form__element form__element--half form__element--half-even"
             required
@@ -51,7 +51,7 @@
           <SfInput
             v-e2e="'shipping-streetName'"
             v-model="form.streetName"
-            label="Street name"
+            :label="$t('Street name')"
             name="streetName"
             class="form__element form__element--half"
             required
@@ -68,7 +68,7 @@
           <SfInput
             v-e2e="'shipping-apartment'"
             v-model="form.apartment"
-            label="House/Apartment number"
+            :label="$t('House/Apartment number')"
             name="apartment"
             class="form__element form__element--half form__element--half-even"
             required
@@ -85,7 +85,7 @@
           <SfInput
             v-e2e="'shipping-city'"
             v-model="form.city"
-            label="City"
+            :label="$t('City')"
             name="city"
             class="form__element form__element--half"
             required
@@ -100,7 +100,7 @@
           <SfInput
             v-e2e="'shipping-state'"
             v-model="form.state"
-            label="State/Province"
+            :label="$t('State/Province')"
             name="state"
             class="form__element form__element--half form__element--half-even"
           />
@@ -114,7 +114,7 @@
           <SfSelect
             v-e2e="'shipping-country'"
             v-model="form.country"
-            label="Country"
+            :label="$t('Country')"
             name="country"
             class="form__element form__element--half form__select sf-select--underlined"
             required
@@ -139,7 +139,7 @@
           <SfInput
             v-e2e="'shipping-zipcode'"
             v-model="form.postalCode"
-            label="Zip-code"
+            :label="$t('Zip-code')"
             name="zipCode"
             class="form__element form__element--half form__element--half-even"
             required
@@ -156,7 +156,7 @@
           <SfInput
             v-e2e="'shipping-phone'"
             v-model="form.phone"
-            label="Phone number"
+            :label="$t('Phone number')"
             name="phone"
             class="form__element form__element--half"
             required
diff --git a/packages/nuxt-theme-module/theme/pages/Checkout/ThankYou.vue b/packages/nuxt-theme-module/theme/pages/Checkout/ThankYou.vue
index 877eca5407..ddcaafa631 100644
--- a/packages/nuxt-theme-module/theme/pages/Checkout/ThankYou.vue
+++ b/packages/nuxt-theme-module/theme/pages/Checkout/ThankYou.vue
@@ -3,7 +3,7 @@
     <SfCallToAction
       v-e2e="'thank-you-banner'"
       class="banner"
-      title="Thank you for your order!"
+      :title="$t('Thank you for your order!')"
       :image="{
         mobile: addBasePath('/thankyou/bannerM.png'),
         desktop: addBasePath('/thankyou/bannerD.png'),
@@ -19,7 +19,7 @@
     <section class="section">
       <div class="order">
         <SfHeading
-          title="Your Purchase"
+          :title="$t('Your Purchase')"
           class="order__heading heading sf-heading--left"
           :level="3"
         />
@@ -30,7 +30,7 @@
           <SfHeading
             :level="6"
             class="heading sf-heading--left sf-heading--no-underline"
-            title="Primary contacts for any questions"
+            :title="$t('Primary contacts for any questions')"
           ></SfHeading>
           <div class="contact">
             <p class="contact__name">{{ companyDetails.name }}</p>
@@ -46,7 +46,7 @@
       <div class="additional-info">
         <div>
           <SfHeading
-            title="Your Account"
+            :title="$t('Your Account')"
             class="heading sf-heading--left"
             :level="3"
           />
@@ -56,7 +56,7 @@
         </div>
         <div>
           <SfHeading
-            title="What can we improve"
+            :title="$t('What can we improve')"
             class="heading sf-heading--left"
             :level="3"
           />
diff --git a/packages/nuxt-theme-module/theme/pages/Home.vue b/packages/nuxt-theme-module/theme/pages/Home.vue
index 48b500cb1e..157a7738a1 100644
--- a/packages/nuxt-theme-module/theme/pages/Home.vue
+++ b/packages/nuxt-theme-module/theme/pages/Home.vue
@@ -75,9 +75,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="addBasePath('/homepage/newsletter.webp')"
         class="call-to-action"
       >
diff --git a/packages/nuxt-theme-module/theme/pages/MyAccount.vue b/packages/nuxt-theme-module/theme/pages/MyAccount.vue
index d3deaa29cc..a39a585f26 100644
--- a/packages/nuxt-theme-module/theme/pages/MyAccount.vue
+++ b/packages/nuxt-theme-module/theme/pages/MyAccount.vue
@@ -6,36 +6,36 @@
     />
     <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="Shipping details">
+        <SfContentPage :title="$t('Shipping details')">
           <ShippingDetails />
         </SfContentPage>
 
-        <SfContentPage title="Billing details">
+        <SfContentPage :title="$t('Billing details')">
           <BillingDetails />
         </SfContentPage>
 
-        <SfContentPage title="My newsletter">
+        <SfContentPage :title="$t('My newsletter')">
           <MyNewsletter />
         </SfContentPage>
       </SfContentCategory>
 
-      <SfContentCategory title="Order details">
-        <SfContentPage title="Order history">
+      <SfContentCategory :title="$t('Order details')">
+        <SfContentPage :title="$t('Order history')">
           <OrderHistory />
         </SfContentPage>
       </SfContentCategory>
 
-      <SfContentPage title="Log out" />
+      <SfContentPage :title="$t('Log out')" />
     </SfContentPages>
   </div>
 </template>
diff --git a/packages/nuxt-theme-module/theme/pages/MyAccount/MyNewsletter.vue b/packages/nuxt-theme-module/theme/pages/MyAccount/MyNewsletter.vue
index b40cbef86a..b4a51c08b8 100644
--- a/packages/nuxt-theme-module/theme/pages/MyAccount/MyNewsletter.vue
+++ b/packages/nuxt-theme-module/theme/pages/MyAccount/MyNewsletter.vue
@@ -1,6 +1,6 @@
 <template>
   <SfTabs :open-tab="1" class="tab-orphan">
-    <SfTab title="My newsletter">
+    <SfTab :title="$t('My newsletter')">
       <p class="message">
         {{ $t('Set up newsletter') }}
       </p>
@@ -9,19 +9,19 @@
         <div class="form__checkbox-group">
           <SfCheckbox
             v-model="newsletter"
-            label="Woman"
+            :label="$t('Woman')"
             value="woman"
             class="form__element"
           />
           <SfCheckbox
             v-model="newsletter"
-            label="Man"
+            :label="$t('Man')"
             value="man"
             class="form__element"
           />
           <SfCheckbox
             v-model="newsletter"
-            label="Kids"
+            :label="$t('Kids')"
             value="kids"
             class="form__element"
           />
diff --git a/packages/nuxt-theme-module/theme/pages/MyAccount/MyProfile.vue b/packages/nuxt-theme-module/theme/pages/MyAccount/MyProfile.vue
index e2683b64d7..4dc3d5c52b 100644
--- a/packages/nuxt-theme-module/theme/pages/MyAccount/MyProfile.vue
+++ b/packages/nuxt-theme-module/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>
@@ -15,7 +15,7 @@
     </SfTab>
 
     <!-- Password reset -->
-    <SfTab title="Password change">
+    <SfTab :title="$t('Password change')">
       <p class="message">
         {{ $t('Change password your account') }}:<br />
         {{ $t('Your current email address is') }}
diff --git a/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue b/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
index beef03f6e0..b1e1a3a870 100644
--- a/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
+++ b/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
@@ -1,26 +1,26 @@
 <template>
   <SfTabs :open-tab="1">
-    <SfTab title="My orders">
+    <SfTab :title="$t('My orders')">
       <div v-if="currentOrder">
         <SfButton class="sf-button--text all-orders" @click="currentOrder = null">All Orders</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="$n(orderGetters.getPrice(currentOrder), 'currency')"
             class="sf-property--full-width property"
           />
@@ -72,10 +72,10 @@
             </SfTableData>
           </SfTableRow>
         </SfTable>
-        <p>Total orders - {{ totalOrders }}</p>
+        <p>{{ $t('Total orders') }} - {{ totalOrders }}</p>
       </div>
     </SfTab>
-    <SfTab title="Returns">
+    <SfTab :title="$t('Returns')">
       <p class="message">
         This feature is not implemented yet! Please take a look at
         <br />
diff --git a/packages/nuxt-theme-module/theme/pages/Product.vue b/packages/nuxt-theme-module/theme/pages/Product.vue
index 0113ac1abc..baabc7d13c 100644
--- a/packages/nuxt-theme-module/theme/pages/Product.vue
+++ b/packages/nuxt-theme-module/theme/pages/Product.vue
@@ -88,7 +88,7 @@
 
         <LazyHydrate when-idle>
           <SfTabs :open-tab="1" class="product__tabs">
-            <SfTab title="Description">
+            <SfTab :title="$t('Description')">
               <div class="product__description">
                   {{ $t('Product description') }}
               </div>
@@ -116,13 +116,13 @@
                 :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"
               />
             </SfTab>
             <SfTab
-              title="Additional Information"
+              :title="$t('Additional Information')"
               class="product__additional-info"
             >
             <div class="product__additional-info">
@@ -147,7 +147,7 @@
       <RelatedProducts
         :products="relatedProducts"
         :loading="relatedLoading"
-        title="Match it with"
+        :title="$t('Match it with')"
       />
     </LazyHydrate>
 

From e3a848c00187d7542b00a579c48280d4791d9d53 Mon Sep 17 00:00:00 2001
From: Sam <sam@binshops.com>
Date: Fri, 20 May 2022 16:51:34 -0400
Subject: [PATCH 2/4] fix: removes duplicate key from translation file

---
 packages/nuxt-theme-module/theme/lang/en.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/nuxt-theme-module/theme/lang/en.js b/packages/nuxt-theme-module/theme/lang/en.js
index 8102c29d8c..8e87c6ca7a 100644
--- a/packages/nuxt-theme-module/theme/lang/en.js
+++ b/packages/nuxt-theme-module/theme/lang/en.js
@@ -97,7 +97,6 @@ export default {
   'Details and status orders': 'Check the details and status of your orders in the online store. You can also cancel your order or request a return.',
   'You currently have no orders': 'You currently have no orders',
   'Start shopping': 'Start shopping',
-  'Download': 'Download',
   'Download all': 'Download all',
   'View details': 'View details',
   'Manage shipping addresses': 'Manage all the shipping addresses you want (work place, home address...) This way you won"t have to enter the shipping address manually with each order.',

From d85958363739c987795c2eccfaada4a13f16f506 Mon Sep 17 00:00:00 2001
From: Sam <sam@binshops.com>
Date: Fri, 20 May 2022 16:52:28 -0400
Subject: [PATCH 3/4] fix: removes duplicate key from translation file

---
 packages/nuxt-theme-module/theme/lang/de.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/nuxt-theme-module/theme/lang/de.js b/packages/nuxt-theme-module/theme/lang/de.js
index 020ffdd4c9..a20a490dce 100644
--- a/packages/nuxt-theme-module/theme/lang/de.js
+++ b/packages/nuxt-theme-module/theme/lang/de.js
@@ -97,7 +97,6 @@ export default {
   'Details and status orders': 'Überprüfen Sie die Details und den Status Ihrer Bestellungen im Online-Shop. Sie können Ihre Bestellung auch stornieren oder eine Rücksendung anfordern. ',
   'You currently have no orders': 'Sie haben derzeit keine Bestellungen',
   'Start shopping': 'Einkaufen starten',
-  'Download': 'Herunterladen',
   'Download all': 'Alle herunterladen',
   'View details': 'Details anzeigen',
   'Manage shipping addresses': 'Alle gewünschten Versandadressen verwalten (Arbeitsplatz, Privatadresse ...) Auf diese Weise müssen Sie die Versandadresse nicht bei jeder Bestellung manuell eingeben.',

From f482a204b04e2d72eadf0ad8ec173c822a616734 Mon Sep 17 00:00:00 2001
From: Sam <sam@binshops.com>
Date: Fri, 20 May 2022 18:04:29 -0400
Subject: [PATCH 4/4] adds a translation

---
 packages/nuxt-theme-module/theme/lang/de.js                     | 1 +
 packages/nuxt-theme-module/theme/lang/en.js                     | 1 +
 .../nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue    | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nuxt-theme-module/theme/lang/de.js b/packages/nuxt-theme-module/theme/lang/de.js
index a20a490dce..689e8a2472 100644
--- a/packages/nuxt-theme-module/theme/lang/de.js
+++ b/packages/nuxt-theme-module/theme/lang/de.js
@@ -196,6 +196,7 @@ export default {
   'Kids': 'Kids',
   'Personal data': 'Personal data',
   'Password change': 'Password change',
+  'All Orders': 'All Orders',
   'My orders': 'My orders',
   'Order ID': 'Order ID',
   'Date': 'Date',
diff --git a/packages/nuxt-theme-module/theme/lang/en.js b/packages/nuxt-theme-module/theme/lang/en.js
index 8e87c6ca7a..4b85f699d1 100644
--- a/packages/nuxt-theme-module/theme/lang/en.js
+++ b/packages/nuxt-theme-module/theme/lang/en.js
@@ -196,6 +196,7 @@ export default {
   'Kids': 'Kids',
   'Personal data': 'Personal data',
   'Password change': 'Password change',
+  'All Orders': 'All Orders',
   'My orders': 'My orders',
   'Order ID': 'Order ID',
   'Date': 'Date',
diff --git a/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue b/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
index b1e1a3a870..1e49ccaebd 100644
--- a/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
+++ b/packages/nuxt-theme-module/theme/pages/MyAccount/OrderHistory.vue
@@ -2,7 +2,7 @@
   <SfTabs :open-tab="1">
     <SfTab :title="$t('My orders')">
       <div v-if="currentOrder">
-        <SfButton class="sf-button--text all-orders" @click="currentOrder = null">All Orders</SfButton>
+        <SfButton class="sf-button--text all-orders" @click="currentOrder = null">{{ $t('All Orders') }}</SfButton>
         <div class="highlighted highlighted--total">
           <SfProperty
             :name="$t('Order ID')"