Merge pull request #6844 from thnaylor/fix/6839

components/TheFooter.vue

@@ -116,11 +116,12 @@
  <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
+ v-safe-href="item.url"
  class="is-flex icon"
  rel="nofollow noopener noreferrer"
+ target="_blank"
  role="link"
  :aria-label="item.name">
  <!-- substack doesnt have a font awesome icon -->
@@ -274,7 +275,4 @@ const socials = [
  icon: 'reddit-alien',
  },
 ]
-const goToSocials = (url): void => {
- window.open(url, '_blank')
-}
 </script>

components/landing/SearchLanding.vue

@@ -29,8 +29,9 @@
  <a
  v-for="chain in availableChains"
  :key="chain.value"
+ v-safe-href="`/${chain.value}/explore/collectibles`"
  :class="['m-2', 'chain-option active']"
- @click="switchChain(chain.value)">
+ @click.prevent="switchChain(chain.value)">
  {{ 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)
  }

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">