Add target prop for NcListItem

The component user should have full control over what tab they want the link to open in, if any. Signed-off-by: fenn-cs <[email protected]>
nextcloud-libraries · Dec 6, 2023 · 4f307ec · 4f307ec
1 parent 8008811
commit 4f307ec
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
@@ -316,7 +316,7 @@
 			<a :id="anchorId"
 				ref="list-item"
 				:href="routerLinkHref || href"
-				:target="href === '#' ? undefined : '_blank'"
+				:target="target || (href === '#' ? undefined : '_blank')"
 				:rel="href === '#' ? undefined : 'noopener noreferrer'"
 				class="list-item"
 				:aria-label="linkAriaLabel"
@@ -470,6 +470,11 @@ export default {
 			default: '#',
 		},
 
+		target: {
+			type: String,
+			required: false,
+		},
+
 		/**
 		 * Id for the `<a>` element
 		 */
@@ -585,7 +590,6 @@ export default {
 		computedActionsAriaLabel() {
 			return this.actionsAriaLabel || t('Actions for item with name "{name}"', { name: this.name })
 		},
-
 	},
 
 	watch: {