@ -1,7 +1,5 @@
<template>
<!-- eslint-disable vue/require-component-is -->
<component :is="type" v-bind="linkProps(to)">
<component v-bind="linkProps(to)">
<slot />
</component>
</template>
@ -16,19 +14,28 @@ export default {
required: true
}
},
computed: {
isExternal() {
return isExternal(this.to)
type() {
if (this.isExternal) {
return 'a'
return 'router-link'
methods: {
linkProps(url) {
linkProps(to) {
if (isExternal(url)) {
return {
is: 'a',
href: to,
href: url,
target: '_blank',
rel: 'noopener'
is: 'router-link',
to: to
to: url