From f52d6e0f6458a67f10df92902ce57354e8ce00be Mon Sep 17 00:00:00 2001
From: tnaylor <tnaylor@bonline.com>
Date: Sun, 20 Aug 2023 22:53:59 +0200
Subject: [PATCH 1/3] fix: update conponents to be more seo compatible -
 lighthouse

---
 components/TheFooter.vue                 | 10 ++++------
 components/landing/SearchLanding.vue     |  6 ++++--
 components/navbar/ShoppingCartButton.vue |  4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index c627c3b6fb..dc64183260 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -115,12 +115,13 @@
           <li
             v-for="item in socials"
             :key="item.url"
-            class="footer-container-socials-list-item is-flex is-align-items-center is-justify-content-center mr-2"
-            @click="goToSocials(item.url)">
+            class="footer-container-socials-list-item is-flex is-align-items-center is-justify-content-center mr-2">
             <a
               class="is-flex icon"
               rel="nofollow noopener noreferrer"
-              :aria-label="item.name">
+              :aria-label="item.name"
+              :href="item.url"
+              target="_blank">
               <!-- substack doesnt have a font awesome icon -->
               <svg
                 v-if="item.icon === 'substack'"
@@ -272,7 +273,4 @@ const socials = [
     icon: 'reddit-alien',
   },
 ]
-const goToSocials = (url): void => {
-  window.open(url, '_blank')
-}
 </script>
diff --git a/components/landing/SearchLanding.vue b/components/landing/SearchLanding.vue
index fdc3e4751c..6d01c563f9 100644
--- a/components/landing/SearchLanding.vue
+++ b/components/landing/SearchLanding.vue
@@ -30,7 +30,8 @@
           v-for="chain in availableChains"
           :key="chain.value"
           :class="['m-2', 'chain-option active']"
-          @click="switchChain(chain.value)">
+          :href="`/${chain.value}/explore/collectibles`"
+          @click="switchChain(chain.value, $event)">
           {{ chainText(chain.text) }}
           <sup v-if="chain.text.includes('[Beta]')" class="beta-text is-size-7">
             {{ $t('beta') }}</sup
@@ -74,7 +75,8 @@ const landingImage = computed(() => {
   }
 })
 
-const switchChain = (value) => {
+const switchChain = (value, event) => {
+  event.preventDefault()
   if (value !== urlPrefix.value) {
     setUrlPrefix(value)
   }
diff --git a/components/navbar/ShoppingCartButton.vue b/components/navbar/ShoppingCartButton.vue
index 23b8ad0ce7..fefda38ca0 100644
--- a/components/navbar/ShoppingCartButton.vue
+++ b/components/navbar/ShoppingCartButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <a
+  <div
     class="navbar-item is-flex is-align-items-center"
     @click="toggleShoppingCartModal">
     <span v-if="props.showLabel">{{ $t('shoppingCart.label') }}</span>
@@ -14,7 +14,7 @@
         rounded
         class="count-position is-size-7" />
     </div>
-  </a>
+  </div>
 </template>
 
 <script setup lang="ts">

From 85f10d1f2d3ee5124d04615285303048bd825caa Mon Sep 17 00:00:00 2001
From: tnaylor <tnaylor@bonline.com>
Date: Mon, 21 Aug 2023 15:54:57 +0200
Subject: [PATCH 2/3] fix: updated href to v-safe-html

---
 components/TheFooter.vue             | 2 +-
 components/landing/SearchLanding.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index dc64183260..e3b2de2e73 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -117,10 +117,10 @@
             :key="item.url"
             class="footer-container-socials-list-item is-flex is-align-items-center is-justify-content-center mr-2">
             <a
+              v-safe-href="item.url"
               class="is-flex icon"
               rel="nofollow noopener noreferrer"
               :aria-label="item.name"
-              :href="item.url"
               target="_blank">
               <!-- substack doesnt have a font awesome icon -->
               <svg
diff --git a/components/landing/SearchLanding.vue b/components/landing/SearchLanding.vue
index 6d01c563f9..02933dcec5 100644
--- a/components/landing/SearchLanding.vue
+++ b/components/landing/SearchLanding.vue
@@ -29,8 +29,8 @@
         <a
           v-for="chain in availableChains"
           :key="chain.value"
+          v-safe-href="`/${chain.value}/explore/collectibles`"
           :class="['m-2', 'chain-option active']"
-          :href="`/${chain.value}/explore/collectibles`"
           @click="switchChain(chain.value, $event)">
           {{ chainText(chain.text) }}
           <sup v-if="chain.text.includes('[Beta]')" class="beta-text is-size-7">

From 98839ddd04a112a072f868846d490f1261a11589 Mon Sep 17 00:00:00 2001
From: Matej yangwao <5887929+yangwao@users.noreply.github.com>
Date: Mon, 21 Aug 2023 18:59:02 +0200
Subject: [PATCH 3/3] Update components/landing/SearchLanding.vue

Co-authored-by: roiLeo <medina.leo42@gmail.com>
---
 components/landing/SearchLanding.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/landing/SearchLanding.vue b/components/landing/SearchLanding.vue
index 02933dcec5..615c6e2aff 100644
--- a/components/landing/SearchLanding.vue
+++ b/components/landing/SearchLanding.vue
@@ -31,7 +31,7 @@
           :key="chain.value"
           v-safe-href="`/${chain.value}/explore/collectibles`"
           :class="['m-2', 'chain-option active']"
-          @click="switchChain(chain.value, $event)">
+          @click.prevent="switchChain(chain.value)">
           {{ chainText(chain.text) }}
           <sup v-if="chain.text.includes('[Beta]')" class="beta-text is-size-7">
             {{ $t('beta') }}</sup