From 503c7ed39d11fedfba0ecdb5aee6185d0b9d26fe Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Thu, 24 Oct 2024 11:00:55 -0500
Subject: [PATCH 1/4] Hoist Vue translations to base-cms-leaders-program,
 update import

---
 .../src/utils}/i18n-vue.js                    |  0
 .../src/utils/translations-vue.js             | 20 +++++++++++++++++++
 .../browser/company-website-link.vue          |  2 +-
 .../marko-web-leaders/translations-vue.js     |  8 --------
 4 files changed, 21 insertions(+), 9 deletions(-)
 rename packages/{marko-web-leaders => leaders-program/src/utils}/i18n-vue.js (100%)
 create mode 100644 packages/leaders-program/src/utils/translations-vue.js
 delete mode 100644 packages/marko-web-leaders/translations-vue.js

diff --git a/packages/marko-web-leaders/i18n-vue.js b/packages/leaders-program/src/utils/i18n-vue.js
similarity index 100%
rename from packages/marko-web-leaders/i18n-vue.js
rename to packages/leaders-program/src/utils/i18n-vue.js
diff --git a/packages/leaders-program/src/utils/translations-vue.js b/packages/leaders-program/src/utils/translations-vue.js
new file mode 100644
index 000000000..c7d9d40eb
--- /dev/null
+++ b/packages/leaders-program/src/utils/translations-vue.js
@@ -0,0 +1,20 @@
+export default {
+  en: {
+    visitSiteLabel: 'Visit Site',
+    viewProfileLabel: 'View Profile',
+    featuredVideosLabel: 'Featured Videos',
+    featuredProductsLabel: 'Featured Products',
+    'view more': 'View more',
+    videos: 'videos',
+    products: 'products',
+  },
+  es: {
+    visitSiteLabel: 'Visite el sitio web',
+    viewProfileLabel: 'Vea el perfil',
+    featuredVideosLabel: 'Videos destacados',
+    featuredProductsLabel: 'Productos destacados',
+    'view more': 'Vea más',
+    videos: 'videos',
+    products: 'productos',
+  },
+};
diff --git a/packages/marko-web-leaders/browser/company-website-link.vue b/packages/marko-web-leaders/browser/company-website-link.vue
index 3d9fd34db..8e7bde511 100644
--- a/packages/marko-web-leaders/browser/company-website-link.vue
+++ b/packages/marko-web-leaders/browser/company-website-link.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import i18n from '../i18n-vue';
+import i18n from '@parameter1/base-cms-leaders-program/src/utils/i18n-vue';
 
 export default {
   props: {
diff --git a/packages/marko-web-leaders/translations-vue.js b/packages/marko-web-leaders/translations-vue.js
deleted file mode 100644
index 65672e3f5..000000000
--- a/packages/marko-web-leaders/translations-vue.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export default {
-  en: {
-    visitSiteLabel: 'Visit Site',
-  },
-  es: {
-    visitSiteLabel: 'Visite el sitio',
-  },
-};

From e874254df3754f3ca8d259e7e244893ba49aeffa Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Thu, 24 Oct 2024 11:02:29 -0500
Subject: [PATCH 2/4] Pass through lang prop to necessary components

---
 .../src/components/containers/section-wrapper.vue           | 6 ++++++
 .../leaders-program/src/components/containers/section.vue   | 5 +++++
 packages/leaders-program/src/components/leaders.vue         | 5 +++++
 3 files changed, 16 insertions(+)

diff --git a/packages/leaders-program/src/components/containers/section-wrapper.vue b/packages/leaders-program/src/components/containers/section-wrapper.vue
index 43d5efd86..8c8b991f6 100644
--- a/packages/leaders-program/src/components/containers/section-wrapper.vue
+++ b/packages/leaders-program/src/components/containers/section-wrapper.vue
@@ -30,6 +30,7 @@
             :feature-youtube-videos="featureYoutubeVideos"
             :collapse-empty-categories="collapseEmptyCategories"
             :icon-style="iconStyle"
+            :lang="lang"
             @action="emitAction"
           />
         </leaders-columns>
@@ -55,6 +56,7 @@
         :promotion-limit="promotionLimit"
         :video-limit="videoLimit"
         :icon-style="iconStyle"
+        :lang="lang"
         @action="emitAction"
       />
     </leaders-columns>
@@ -127,6 +129,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   computed: {
diff --git a/packages/leaders-program/src/components/containers/section.vue b/packages/leaders-program/src/components/containers/section.vue
index f12f9c7e0..8c18b1e8e 100644
--- a/packages/leaders-program/src/components/containers/section.vue
+++ b/packages/leaders-program/src/components/containers/section.vue
@@ -38,6 +38,7 @@
             :is-active="isActive"
             :featured-product-label="featuredProductLabel"
             :feature-youtube-videos="featureYoutubeVideos"
+            :lang="lang"
             @action="emitAction"
           />
         </template>
@@ -128,6 +129,10 @@ export default {
       default: 'plus-minus',
       validator: (v) => ['plus-minus', 'chevron'].includes(v),
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   data: () => ({
diff --git a/packages/leaders-program/src/components/leaders.vue b/packages/leaders-program/src/components/leaders.vue
index b4788a2f3..759190cc4 100644
--- a/packages/leaders-program/src/components/leaders.vue
+++ b/packages/leaders-program/src/components/leaders.vue
@@ -39,6 +39,7 @@
         :feature-youtube-videos="featureYoutubeVideos"
         :collapse-empty-categories="collapseEmptyCategories"
         :icon-style="iconStyle"
+        :lang="lang"
         @action="emitAction"
       />
     </div>
@@ -203,6 +204,10 @@ export default {
       default: 'plus-minus',
       validator: (v) => ['plus-minus', 'chevron'].includes(v),
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   data: () => ({

From 28569d6a057d17a415ca01dbfeca325904f17444 Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Thu, 24 Oct 2024 11:03:24 -0500
Subject: [PATCH 3/4] Pass-through and utilize lang property to appropriately
 translate elements

---
 .../card/blocks/company-details.vue           | 12 ++++++++--
 .../src/components/card/blocks/view-more.vue  | 12 +++++++++-
 .../src/components/card/index.vue             | 22 ++++++++++++++++---
 3 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/packages/leaders-program/src/components/card/blocks/company-details.vue b/packages/leaders-program/src/components/card/blocks/company-details.vue
index 75bf27f9e..3e495d55f 100644
--- a/packages/leaders-program/src/components/card/blocks/company-details.vue
+++ b/packages/leaders-program/src/components/card/blocks/company-details.vue
@@ -24,20 +24,21 @@
         type="accent"
         @click="emitWebsiteClick"
       >
-        Visit Site
+        {{ translate("visitSiteLabel") }}
       </button-link>
       <button-link
         :href="profileHref"
         :block="true"
         @click="emitProfileClick('View Profile Button', ...arguments)"
       >
-        View Profile
+        {{ translate("viewProfileLabel") }}
       </button-link>
     </div>
   </div>
 </template>
 
 <script>
+import i18n from '../../../utils/i18n-vue';
 import ButtonLink from '../../common/button-link.vue';
 import CommonLink from '../../common/link.vue';
 
@@ -57,6 +58,10 @@ export default {
       type: String,
       default: null,
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
     logoSrc: {
       type: String,
       default: null,
@@ -76,6 +81,9 @@ export default {
     emitProfileClick(sourceLabel, data, event) {
       this.$emit('profile-click', { sourceLabel, ...data }, event);
     },
+    translate(key) {
+      return i18n(this.lang, key);
+    },
   },
 };
 </script>
diff --git a/packages/leaders-program/src/components/card/blocks/view-more.vue b/packages/leaders-program/src/components/card/blocks/view-more.vue
index 735a518c2..f6a242b95 100644
--- a/packages/leaders-program/src/components/card/blocks/view-more.vue
+++ b/packages/leaders-program/src/components/card/blocks/view-more.vue
@@ -5,6 +5,7 @@
 </template>
 
 <script>
+import i18n from '../../../utils/i18n-vue';
 import CommonLink from '../../common/link.vue';
 
 export default {
@@ -23,6 +24,10 @@ export default {
       type: String,
       default: null,
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
     prefix: {
       type: String,
       default: 'View more',
@@ -31,7 +36,12 @@ export default {
 
   computed: {
     value() {
-      const { prefix, label } = this;
+      const { prefix, label, lang } = this;
+      if (this.lang !== 'en') {
+        const translatedPrefix = i18n(lang, prefix.toLowerCase());
+        const translatedLabel = i18n(lang, label.toLowerCase());
+        return [translatedPrefix, translatedLabel].filter((v) => v).join(' ');
+      }
       return [prefix, label].filter((v) => v).join(' ');
     },
   },
diff --git a/packages/leaders-program/src/components/card/index.vue b/packages/leaders-program/src/components/card/index.vue
index 583749965..56af85a24 100644
--- a/packages/leaders-program/src/components/card/index.vue
+++ b/packages/leaders-program/src/components/card/index.vue
@@ -32,7 +32,7 @@
     <div v-if="displayBody" class="leaders-card__body">
       <content-deck :value="promotions" :limit="4" :item-modifiers="['promo']">
         <template #header-left>
-          {{ featuredProductLabel }}
+          {{ finalizedFeaturedProductsLabel }}
         </template>
         <template #header-right>
           <view-more
@@ -61,13 +61,14 @@
         :item-modifiers="['video']"
       >
         <template #header-left>
-          Featured Videos
+          {{ translate("featuredVideosLabel") }}
         </template>
         <template #header-right>
           <view-more
             label="videos"
             :href="youtubeHref"
             target="_blank"
+            :lang="lang"
             @click="handleAllVideosClick"
           />
         </template>
@@ -88,13 +89,14 @@
         :item-modifiers="['video']"
       >
         <template #header-left>
-          Featured Videos
+          {{ translate("featuredVideosLabel") }}
         </template>
         <template #header-right>
           <view-more
             label="videos"
             :href="profileHref"
             target="_blank"
+            :lang="lang"
             @click="handleAllVideosClick"
           />
         </template>
@@ -123,6 +125,7 @@ import VideoCard from './blocks/video-card.vue';
 import ViewMore from './blocks/view-more.vue';
 import getAsObject from '../../utils/get-as-object';
 import getEdgeNodes from '../../utils/get-edge-nodes';
+import i18n from '../../utils/i18n-vue';
 
 export default {
   components: {
@@ -152,6 +155,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    lang: {
+      type: String,
+      default: 'en',
+    },
   },
 
   computed: {
@@ -197,6 +204,12 @@ export default {
       if (this.isActive) classes.push(`${blockName}--active`);
       return classes;
     },
+    finalizedFeaturedProductsLabel() {
+      if (this.lang !== 'en') {
+        return i18n(this.lang, 'featuredProductsLabel');
+      }
+      return this.featuredProductLabel || i18n(this.lang, 'featuredProductsLabel');
+    },
   },
 
   watch: {
@@ -261,6 +274,9 @@ export default {
         date: Date.now(),
       }, event);
     },
+    translate(key) {
+      return i18n(this.lang, key);
+    },
   },
 };
 </script>

From d0052781c39410a24ace5f8d0b80de12892c5389 Mon Sep 17 00:00:00 2001
From: Shinsina <shinsina@att.net>
Date: Thu, 24 Oct 2024 11:32:16 -0500
Subject: [PATCH 4/4] Pass lang through to company-details and view more
 products

---
 packages/leaders-program/src/components/card/index.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/leaders-program/src/components/card/index.vue b/packages/leaders-program/src/components/card/index.vue
index 56af85a24..b753ff82d 100644
--- a/packages/leaders-program/src/components/card/index.vue
+++ b/packages/leaders-program/src/components/card/index.vue
@@ -7,6 +7,7 @@
           :logo-src="logo.src"
           :profile-href="profileHref"
           :company-href="company.website"
+          :lang="lang"
           @profile-click="handleProfileClick"
           @website-click="handleWebsiteClick"
         />
@@ -39,6 +40,7 @@
             label="products"
             :href="productsHref"
             target="_blank"
+            :lang="lang"
             @click="handleAllProductsClick"
           />
         </template>