From ebecb5636ddefa0b3786e9feff4ffdb63b9a5f6f Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Tue, 3 Aug 2021 23:44:45 +0200
Subject: [PATCH] Make sure disabled prevents click on list-item (#7169)

Fixes #7146
---
 app/src/components/v-list/v-list-item.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/src/components/v-list/v-list-item.vue b/app/src/components/v-list/v-list-item.vue
index 7672d8625f..fdac527bc4 100644
--- a/app/src/components/v-list/v-list-item.vue
+++ b/app/src/components/v-list/v-list-item.vue
@@ -1,7 +1,6 @@
 <template>
 	<component
 		:is="component"
-		v-bind="disabled === false && $attrs"
 		class="v-list-item"
 		:to="to"
 		:class="{
@@ -16,6 +15,7 @@
 		:href="href"
 		:download="download"
 		:target="component === 'a' ? '_blank' : null"
+		@click="onClick"
 	>
 		<slot />
 	</component>
@@ -82,7 +82,8 @@ export default defineComponent({
 			default: false,
 		},
 	},
-	setup(props) {
+	emits: ['click'],
+	setup(props, { emit }) {
 		const route = useRoute();
 
 		const { route: linkRoute, isActive, isExactActive } = useLink(props);
@@ -115,7 +116,12 @@ export default defineComponent({
 			return false;
 		});
 
-		return { component, isLink, isActiveRoute };
+		return { component, isLink, isActiveRoute, onClick };
+
+		function onClick(event: PointerEvent) {
+			if (props.disabled === true) return;
+			emit('click', event);
+		}
 	},
 });
 </script>