Refactor code to computed methods.

Co-authored-by: Tirokk <wolle.huss@pjannto.com>
This commit is contained in:
elweyn 2023-06-20 11:10:57 +02:00
parent 82c6babc84
commit cb0f97238c

View File

@ -1,6 +1,6 @@
<template> <template>
<nuxt-link <nuxt-link
v-if="!forceTargetBlank && pageParams.isInternalPage" v-if="isInternalLink"
:to="pageParams.internalPage.pageRoute" :to="pageParams.internalPage.pageRoute"
:data-test="pageParams.name + '-nuxt-link'" :data-test="pageParams.name + '-nuxt-link'"
> >
@ -8,12 +8,8 @@
</nuxt-link> </nuxt-link>
<a <a
v-else v-else
:href=" :href="href"
pageParams.isInternalPage ? pageParams.internalPage.pageRoute : pageParams.externalLink.url :target="target"
"
:target="
forceTargetBlank ? '_blank' : pageParams.isInternalPage ? '' : pageParams.externalLink.target
"
:data-test="pageParams.name + '-link'" :data-test="pageParams.name + '-link'"
> >
<slot /> <slot />
@ -27,5 +23,16 @@ export default {
pageParams: { type: Object, required: true }, pageParams: { type: Object, required: true },
forceTargetBlank: { type: Boolean, default: false }, forceTargetBlank: { type: Boolean, default: false },
}, },
computed: {
href() {
return pageParams.isInternalPage ? pageParams.internalPage.pageRoute : pageParams.externalLink.url
},
target() {
return forceTargetBlank ? '_blank' : !pageParams.isInternalPage ? pageParams.externalLink.target : ''
},
isInternalLink() {
return !forceTargetBlank && pageParams.isInternalPage
},
}
} }
</script> </script>