@designcrowd/fe-shared-lib 1.2.0-ml-jj-10 → 1.2.0-ml-jj-13

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-FR.json

@@ -0,0 +1,21 @@
+{
+    "publishBrandPageModal": {
+        "firstTimePublishHeaderLabel": "Définissez l'URL de votre site {brandPageDisplayName}",
+        "sitePublishedLabel": "Site publié !",
+        "publishSuccessLabel": "Votre site {brandPageDisplayName} est en ligne! Commencez à utiliser votre lien:",
+        "freePublishCardTitleLabel": "Adresse libre",
+        "freePublishCardDescriptionLabel": "Choisissez une adresse gratuite pour publier maintenant. Vous pouvez toujours modifier l'URL plus tard",
+        "slugInputPlaceholderYourNameLabel": "your-name",
+        "slugInputPlaceholderYourBusinessNameLabel": "nom-de-votre-entreprise",
+        "freeDomainLabel": "Domaine gratuit",
+        "purchasedDomainLabel": "Domaine acheté",
+        "setUrlLabel": "Définir l'URL",
+        "publishLabel": "Publier",
+        "viewMoreDomainLabel": "VOIR PLUS DE NOMS DE DOMAINE",
+        "viewMyWebsiteLabel": "Voir le site {brandPageDisplayName}",
+        "copyLabel": "Copier",
+        "copySuccessLabel": "Copié!",
+        "publishedSuccessDescriptionLabel": "Achetez un nom de domaine correspondant à votre marque",
+        "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard"
+    }
+}

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json

@@ -0,0 +1,21 @@
+{
+    "publishBrandPageModal": {
+        "firstTimePublishHeaderLabel": "Set the URL for {brandPageDisplayName}",
+        "sitePublishedLabel": "Site published!",
+        "publishSuccessLabel": "Your {brandPageDisplayName} is live! Start using your link:",
+        "freePublishCardTitleLabel": "Free Address",
+        "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
+        "slugInputPlaceholderYourNameLabel": "your-name",
+        "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
+        "freeDomainLabel": "Free domain",
+        "purchasedDomainLabel": "Purchased domain",
+        "setUrlLabel": "Set URL",
+        "publishLabel": "Publish",
+        "viewMoreDomainLabel": "VIEW MORE DOMAINS",
+        "viewMyWebsiteLabel": "View {brandPageDisplayName}",
+        "copyLabel": "Copy",
+        "copySuccessLabel": "Copied!",
+        "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
+        "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later"
+    }
+}

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-PT.json

@@ -0,0 +1,21 @@
+{
+    "publishBrandPageModal": {
+        "firstTimePublishHeaderLabel": "Defina o URL do seu {brandPageDisplayName}",
+        "sitePublishedLabel": "Site publicado!",
+        "publishSuccessLabel": "O seu {brandPageDisplayName} está ativo! Comece a usar o seu link:",
+        "freePublishCardTitleLabel": "Endereço gratuito",
+        "freePublishCardDescriptionLabel": "Escolha um endereço gratuito para publicar agora. Pode sempre editar o URL mais tarde",
+        "slugInputPlaceholderYourNameLabel": "o-seu-nome",
+        "slugInputPlaceholderYourBusinessNameLabel": "nome-da-sua-empresa",
+        "freeDomainLabel": "Domínio gratuito",
+        "purchasedDomainLabel": "Domínio comprado",
+        "setUrlLabel": "Definir URL",
+        "publishLabel": "Publicar",
+        "viewMoreDomainLabel": "VER MAIS DOMÍNIOS",
+        "viewMyWebsiteLabel": "Ver {brandPageDisplayName}",
+        "copyLabel": "Copiar",
+        "copySuccessLabel": "Copiado!",
+        "publishedSuccessDescriptionLabel": "Compre um nome de domínio que corresponda à sua marca",
+        "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado, talvez mais tarde"
+    }
+}

package/src/experiences/components/SellDomainNameList/SellDomainNameList.vue

@@ -63,11 +63,10 @@
   </div>
 </template>
 <script>
-import { computed } from 'vue';
 import Button from '../../../atoms/components/Button/Button.vue';
 import Price from '../../../atoms/components/Price/Price.vue';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
 import Events from '../../constants/event-constants';
+import { tr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -110,13 +109,11 @@ export default {
   },
   emits: ['load-more-domains'],
   setup() {
-    const contentProvider = useSellDomainContent();
-    const content = contentProvider.getContent();
     return {
-      freeDomainButtonLabel: computed(() => content.value.freeDomainButtonLabel),
-      buyNowButtonLabel: computed(() => content.value.buyNowButtonLabel),
-      pricePerYearLabel: computed(() => content.value.pricePerYearLabel),
-      costPriceLabel: computed(() => content.value.costPriceLabel),
+      freeDomainButtonLabel: tr('sellDomainNameList.freeDomainButtonLabel'),
+      buyNowButtonLabel: tr('sellDomainNameList.buyNowButtonLabel'),
+      pricePerYearLabel: tr('sellDomainNameList.pricePerYearLabel'),
+      costPriceLabel: tr('sellDomainNameList.costPriceLabel'),
     };
   },
   methods: {
@@ -125,6 +122,7 @@ export default {
       if (typeof this.domainSearchLocation !== 'undefined') {
         request.domainSearchLocation = this.domainSearchLocation;
       }
+      this.$emit('on-buy-now-click');
       window.dispatchEvent(
         new CustomEvent(Events.DomainSelectedEvent, {
           detail: request,

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.de-DE.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameList": {
+        "freeDomainButtonLabel": "Kostenlose Domain",
+        "buyNowButtonLabel": "Jetzt kaufen",
+        "pricePerYearLabel": "/yr",
+        "costPriceLabel": "Kostenpreis:"
+    }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.es-ES.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameList": {
+        "freeDomainButtonLabel": "Dominio gratis",
+        "buyNowButtonLabel": "Comprar ahora",
+        "pricePerYearLabel": "/yr",
+        "costPriceLabel": "Precio de coste:"
+    }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.fr-FR.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameList": {
+        "freeDomainButtonLabel": "Domaine gratuit",
+        "buyNowButtonLabel": "Acheter",
+        "pricePerYearLabel": "/yr",
+        "costPriceLabel": "Prix de revient:"
+    }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameList": {
+        "freeDomainButtonLabel": "Free Domain",
+        "buyNowButtonLabel": "Buy Now",
+        "pricePerYearLabel": "/yr",
+        "costPriceLabel": "Cost Price:"
+    }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.pt-PT.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameList": {
+        "freeDomainButtonLabel": "Domínio gratuito",
+        "buyNowButtonLabel": "Comprar Agora",
+        "pricePerYearLabel": "/yr",
+        "costPriceLabel": "Preço de Custo:"
+    }
+}

package/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.stories.js

@@ -1,6 +1,5 @@
 import { domainNamesFixture } from '../SellDomainNameList/SellDomainNameList.fixtures';
 import SellDomainNameListModal from './SellDomainNameListModal.vue';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
 
 export default {
   title: 'Components/SellDomainNameListModal',
@@ -12,20 +11,6 @@ export const Sample = () => {
     components: {
       SellDomainNameListModal,
     },
-    setup() {
-      const contentProvider = useSellDomainContent();
-
-      setTimeout(() => {
-        console.log('SETTE');
-        contentProvider.setGlobalContentHandler(() => {
-          return {
-            domainSearchHeaderTitle: '++++Search a domain name',
-          };
-        });
-      }, 7000);
-
-      return {};
-    },
     data() {
       return {
         domainNamesFixture,

package/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue

@@ -16,7 +16,6 @@
         :header-title="headerTitle || domainSearchHeaderTitle"
         :header-subtitle="headerSubtitle || domainSearchHeaderSubtitle"
         :initial-search-term="modelValue"
-        :search-button-label="searchButtonLabel"
         @onSearch="onSearch"
         @onSearchTextInputChange="onSearchTextInputChange"
       />
@@ -35,12 +34,11 @@
   </Modal>
 </template>
 <script>
-import { computed } from 'vue';
 import Modal from '../../../atoms/components/Modal/Modal.vue';
+import { tr } from '../../../useSharedLibTranslate';
 
 import SellDomainNameSearch from '../SellDomainNameSearch/SellDomainNameSearch.vue';
 import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomainNameListSearchResult.vue';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
 
 export default {
   components: {
@@ -92,19 +90,12 @@ export default {
       type: String,
       default: undefined,
     },
-    searchButtonLabel: {
-      type: String,
-      default: 'Search',
-    },
   },
   emits: ['close-modal', 'input', 'search'],
   setup() {
-    const contentProvider = useSellDomainContent();
-    const content = contentProvider.getContent();
     return {
-      translationContent: content,
-      domainSearchHeaderTitle: computed(() => content.value.domainSearchHeaderTitle),
-      domainSearchHeaderSubtitle: computed(() => content.value.domainSearchHeaderSubtitle),
+      domainSearchHeaderTitle: tr('sellDomainNameListModal.domainSearchHeaderTitle'),
+      domainSearchHeaderSubtitle: tr('sellDomainNameListModal.domainSearchHeaderSubtitle'),
     };
   },
   methods: {

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.de-DE.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListModal": {
+        "domainSearchHeaderTitle": "Domainname suchen",
+        "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
+    }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.es-ES.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListModal": {
+        "domainSearchHeaderTitle": "Busca un nombre de dominio",
+        "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
+    }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.fr-FR.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListModal": {
+        "domainSearchHeaderTitle": "Rechercher un nom de domaine",
+        "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
+    }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListModal": {
+        "domainSearchHeaderTitle": "Search a domain name",
+        "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
+    }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.pt-PT.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListModal": {
+        "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
+        "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
+    }
+}

package/src/experiences/components/SellDomainNameModalApplication/SellDomainNameModalApplication.vue

@@ -71,13 +71,12 @@
   </template>
 </template>
 <script>
-import { computed } from 'vue';
 import Modal from '../../../atoms/components/Modal/Modal.vue';
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import SellDomainNameSearch from '../SellDomainNameSearch/SellDomainNameSearch.vue';
 import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomainNameListSearchResult.vue';
 import Events from '../../constants/event-constants';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
+import { tr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -122,11 +121,9 @@ export default {
     },
   },
   setup() {
-    const contentProvider = useSellDomainContent();
-    const content = contentProvider.getContent();
     return {
-      domainSearchHeaderTitle: computed(() => content.value.domainSearchHeaderTitle),
-      domainSearchHeaderSubtitle: computed(() => content.value.domainSearchHeaderSubtitle),
+      domainSearchHeaderTitle: tr('sellDomainNameModalApplication.domainSearchHeaderTitle'),
+      domainSearchHeaderSubtitle: tr('sellDomainNameModalApplication.domainSearchHeaderTitle'),
     };
   },
   data: () => ({

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.de-DE.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameModalApplication": {
+        "domainSearchHeaderTitle": "Domainname suchen",
+        "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
+    }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.es-ES.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameModalApplication": {
+        "domainSearchHeaderTitle": "Busca un nombre de dominio",
+        "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
+    }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.fr-FR.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameModalApplication": {
+        "domainSearchHeaderTitle": "Rechercher un nom de domaine",
+        "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
+    }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameModalApplication": {
+        "domainSearchHeaderTitle": "Search a domain name",
+        "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
+    }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.pt-PT.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameModalApplication": {
+        "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
+        "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
+    }
+}

package/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue

@@ -41,11 +41,10 @@
   </div>
 </template>
 <script>
-import { computed } from 'vue';
 import Button from '../../../atoms/components/Button/Button.vue';
 import TextInput from '../../../atoms/components/TextInput/TextInput.vue';
-import useSellDomainContent from './useSellDomainContent';
 import { sellDomainNameMinSearchTextLength } from '../../constants/sell-domain-name-constants';
+import { tr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -82,15 +81,12 @@ export default {
     },
   },
   emits: ['onSearch', 'onSearchTextInputChange'],
-  setup(props) {
-    const contentProvider = useSellDomainContent(props.contentOverride);
-    const content = contentProvider.getContent();
-
+  setup() {
     return {
-      searchButtonLabel: computed(() => content.value.searchButtonLabel),
-      searchBarLabel: computed(() => content.value.searchBarLabel),
-      searchBarPlaceholder: computed(() => content.value.searchBarPlaceholder),
-      searchBarPreText: computed(() => content.value.searchBarPreText),
+      searchButtonLabel: tr('sellDomainNameSearch.searchButtonLabel'),
+      searchBarLabel: tr('sellDomainNameSearch.searchBarLabel'),
+      searchBarPlaceholder: tr('sellDomainNameSearch.searchBarPlaceholder'),
+      searchBarPreText: tr('sellDomainNameSearch.searchBarPreText'),
     };
   },
   data() {

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.de-DE.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameSearch": {
+        "searchButtonLabel": "Suche",
+        "searchBarLabel": "Suche",
+        "searchBarPlaceholder": "Domainnamen suchen",
+        "searchBarPreText": "Domainname"
+    }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.es-ES.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameSearch": {
+        "searchButtonLabel": "Buscar",
+        "searchBarLabel": "Buscar",
+        "searchBarPlaceholder": "Busca nombres de dominio",
+        "searchBarPreText": "Nombre de dominio"
+    }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.fr-FR.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameSearch": {
+        "searchButtonLabel": "Rechercher",
+        "searchBarLabel": "Rechercher",
+        "searchBarPlaceholder": "Rechercher des noms de domaine",
+        "searchBarPreText": "Nom de domaine"
+    }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameSearch": {
+        "searchButtonLabel": "Search",
+        "searchBarLabel": "Search",
+        "searchBarPlaceholder": "Search domain names",
+        "searchBarPreText": "Domain name"
+    }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.pt-PT.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameSearch": {
+        "searchButtonLabel": "Pesquisar",
+        "searchBarLabel": "Pesquisar",
+        "searchBarPlaceholder": "Pesquisar nomes de domínio",
+        "searchBarPreText": "Nome de domínio"
+    }
+}

package/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue

@@ -25,6 +25,7 @@
       :load-more-domains-button-text="loadMoreDomainsButtonText"
       :domain-search-location="domainSearchLocation"
       @load-more-domains="onLoadMoreDomains"
+      @on-buy-now-click="onBuyNowClick"
     />
     <div v-else-if="shouldShowDomainNameNotFound" class="tw-flex tw-justify-center tw-text-center">
       {{ domainSearchEmptyMessageWithUserDomainName }}
@@ -36,12 +37,11 @@
 </template>
 
 <script>
-import { computed } from 'vue';
 import Loader from '../../../atoms/components/Loader/Loader.vue';
 import Picture from '../../../atoms/components/Picture/Picture.vue';
 import SellDomainNameList from '../SellDomainNameList/SellDomainNameList.vue';
 import Events from '../../constants/event-constants';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
+import { tr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -101,13 +101,10 @@ export default {
       default: undefined,
     },
   },
-  setup(props) {
-    const contentProvider = useSellDomainContent(props.contentOverride);
-    const content = contentProvider.getContent();
-
+  setup() {
     return {
-      domainSearchEmptyMessage: computed(() => content.value.domainSearchEmptyMessage),
-      searchAnotherDomainMessage: computed(() => content.value.searchAnotherDomainMessage),
+      tr,
+      searchAnotherDomainMessage: tr('sellDomainNameListSearchResult.searchAnotherDomainMessage'),
     };
   },
   data() {
@@ -117,7 +114,9 @@ export default {
   },
   computed: {
     domainSearchEmptyMessageWithUserDomainName() {
-      return this.domainSearchEmptyMessage.replace('{domainNameSearchTerm}', this.previousSearchText);
+      return tr('sellDomainNameListSearchResult.domainSearchEmptyMessage', {
+        domainNameSearchTerm: this.previousSearchText,
+      });
     },
     shouldShowDomainNameNotFound() {
       return (
@@ -158,6 +157,9 @@ export default {
       window.dispatchEvent(new CustomEvent(Events.DomainLoadMoreEvent));
       this.domainNameItemsInView += this.domainNameItemsPerPage;
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     resetDomainNameItemsInView() {
       this.domainNameItemsInView = this.domainNameItemsPerPage;
     },

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.de-DE.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListSearchResult": {
+        "domainSearchEmptyMessage": "Leider konnten wir keine Domain für \"{domainNameSearchTerm}\" finden.",
+        "searchAnotherDomainMessage": "Versuchen Sie, mit einer anderen Domain zu suchen."
+    }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.es-ES.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListSearchResult": {
+        "domainSearchEmptyMessage": "Lo siento, no hemos podido encontrar ningún dominio para \"{domainNameSearchTerm}\".",
+        "searchAnotherDomainMessage": "Prueba a buscar con otro nombre de dominio."
+    }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.fr-FR.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListSearchResult": {
+        "domainSearchEmptyMessage": "Désolé, nous n’avons pas trouvé de nom de domaine pour \"{domainNameSearchTerm}\".",
+        "searchAnotherDomainMessage": "Essayez de faire une recherche avec un autre nom de domaine."
+    }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListSearchResult": {
+        "domainSearchEmptyMessage": "Sorry, we couldn't find any domain for \"{domainNameSearchTerm}\".",
+        "searchAnotherDomainMessage": "Try searching with another domain name."
+    }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.pt-PT.json

@@ -0,0 +1,6 @@
+{
+    "sellDomainNameListSearchResult": {
+        "domainSearchEmptyMessage": "Não conseguimos encontrar nenhum domínio para \"{domainNameSearchTerm}\".",
+        "searchAnotherDomainMessage": "Experimente pesquisar outro nome de domínio."
+    }
+}

package/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue

@@ -4,7 +4,6 @@
       :is-design-com="isDesignCom"
       :initial-search-term="initialSearchTerm"
       :show-white-search-background="showWhiteSearchBackground"
-      :search-button-label="searchButtonLabel"
       @onSearch="onSearchDomainName"
     />
     <SellDomainNameSearchResult
@@ -21,6 +20,7 @@
       :domain-name-items-per-page="domainNameItemsPerPage"
       :load-more-domains-button-text="loadMoreDomainsButtonText"
       :domain-search-location="domainSearchLocation"
+      @on-buy-now-click="onBuyNowClick"
     />
   </div>
 </template>
@@ -101,10 +101,6 @@ export default {
       type: Number,
       default: undefined,
     },
-    searchButtonLabel: {
-      type: String,
-      default: () => 'Search',
-    },
   },
   data: () => ({
     domainNameItems: undefined,
@@ -175,6 +171,9 @@ export default {
         this.isBusy = false;
       }
     },
+    onBuyNowClick() {
+      this.$emit('on-buy-now-click');
+    },
     cleanText(inputText) {
       // In this function, we use the Unicode property escapes \p{L} and \p{N} to match any Unicode letters (characters from various scripts) and Unicode numbers, respectively.
       const cleanedText = inputText.replace(/[^\p{L}\p{N}\-.]+/gu, '');

package/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue

@@ -38,14 +38,13 @@
   </div>
 </template>
 <script>
-import { computed } from 'vue';
+import { tr } from '../../../useSharedLibTranslate';
 import Button from '../../../atoms/components/Button/Button.vue';
 import TextInput from '../../../atoms/components/TextInput/TextInput.vue';
 import SellDomainNameListModal from '../SellDomainNameListModal/SellDomainNameListModal.vue';
 import { sellDomainNameMinSearchTextLength } from '../../constants/sell-domain-name-constants';
 import Events from '../../constants/event-constants';
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
-import useSellDomainContent from '../SellDomainNameSearch/useSellDomainContent';
 
 export default {
   components: {
@@ -75,13 +74,11 @@ export default {
     },
   },
   setup() {
-    const contentProvider = useSellDomainContent();
-    const content = contentProvider.getContent();
     return {
-      searchButtonLabel: computed(() => content.value.searchButtonLabel),
-      searchBarLabel: computed(() => content.value.searchBarLabel),
-      searchBarPlaceholder: computed(() => content.value.searchBarPlaceholder),
-      domainSearchOrConnectHeaderSubtitle: computed(() => content.value.domainSearchOrConnectHeaderSubtitle),
+      searchButtonLabel: tr('sellDomainNameWidget.searchButtonLabel'),
+      searchBarLabel: tr('sellDomainNameWidget.searchBarLabel'),
+      searchBarPlaceholder: tr('sellDomainNameWidget.searchBarPlaceholder'),
+      domainSearchOrConnectHeaderSubtitle: tr('sellDomainNameWidget.domainSearchOrConnectHeaderSubtitle'),
     };
   },
   data: () => ({

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.de-DE.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameWidget": {
+        "searchButtonLabel": "Suche",
+        "searchBarLabel": "Suche",
+        "searchBarPlaceholder": "Domainnamen suchen",
+        "domainSearchOrConnectHeaderSubtitle": "Kaufen Sie passende Domains für Ihre Marke oder verknüpfen Sie Ihre bestehende Domain"
+    }
+}

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.es-ES.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameWidget": {
+        "searchButtonLabel": "Buscar",
+        "searchBarLabel": "Buscar",
+        "searchBarPlaceholder": "Busca nombres de dominio",
+        "domainSearchOrConnectHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca o conecta tu dominio existente"
+    }
+}

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.fr-FR.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameWidget": {
+        "searchButtonLabel": "Rechercher",
+        "searchBarLabel": "Rechercher",
+        "searchBarPlaceholder": "Rechercher des noms de domaine",
+        "domainSearchOrConnectHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque ou connectez votre domaine existant"
+    }
+}

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameWidget": {
+        "searchButtonLabel": "Search",
+        "searchBarLabel": "Search",
+        "searchBarPlaceholder": "Search domain names",
+        "domainSearchOrConnectHeaderSubtitle": "Buy matching domain name for your brand or connect your existing domain"
+    }
+}