<template>
  <component :is="type" v-bind="linkProps()">
    <slot />
  </component>
</template>

<script>
import { logo } from '@/settings'

export default {
  computed: {
    type() {
      // if (logo && logo.link)
      // if (this.isIframe) {
      //   return 'router-link'
      // }
      // if (this.isExternal) {
      //   return 'a'
      // }
      return 'a'
    }
  },
  methods: {
    linkProps(to) {
      // if (false) {
      //   return {
      //     href: to,
      //     target: '_blank',
      //     rel: 'noopener'
      //   }
      // }
      const { link, target } = (typeof logo === 'function') ? logo(this.$store.state.user.tenantId) : logo
      return {
        href: link || '/',
        target: target || '_self'
      }
    }
  }
}
</script>
