kodadot/nft-gallery

<template>
  <div>
    <template v-if="profileMode">
      <slot name="extra" />
      <nuxt-link :to="`${route}/${param}`">
        <slot />
      </nuxt-link>
    </template>
    <template v-else>
      <a
        v-safe-href="hrefLink"
        target="_blank"
        rel="nofollow noopener noreferrer"
      >
        <slot />
      </a>
    </template>
  </div>
</template>

<script lang="ts" setup>
import isShareMode from '@/utils/isShareMode'

const props = withDefaults(
  defineProps<{
    route?: string
    link?: string
    param?: string
  }>(),
  {
    route: '/ahp/gallery',
    link: 'ahp/gallery',
    param: '',
  },
)

const profileMode = !isShareMode

const hrefLink = computed(
  () => `${window.location.origin}/${props.link}/${props.param}`,
)
</script>