diff --git a/app/src/components/v-list/v-list-item.vue b/app/src/components/v-list/v-list-item.vue index 01b5a7c746..d5faf5d865 100644 --- a/app/src/components/v-list/v-list-item.vue +++ b/app/src/components/v-list/v-list-item.vue @@ -2,7 +2,6 @@ @@ -99,6 +97,24 @@ export default defineComponent({ return 'li'; }); + const additionalProps = computed(() => { + if (props.to) { + return { + to: props.to, + }; + } + + if (component.value === 'a') { + return { + href: props.href, + target: '_blank', + rel: 'noopener noreferrer', + }; + } + + return {}; + }); + useGroupable({ value: props.value, group: props.scope, @@ -122,7 +138,7 @@ export default defineComponent({ return false; }); - return { component, isLink, isActiveRoute, onClick }; + return { component, additionalProps, isLink, isActiveRoute, onClick }; function onClick(event: PointerEvent) { if (props.disabled === true) return;