From a3a2ae5db694caad440c6b173a8ed6cae399f996 Mon Sep 17 00:00:00 2001
From: Louis Chemineau <louis@chmn.me>
Date: Mon, 25 Nov 2024 12:43:45 +0100
Subject: [PATCH] fix: Require actionsAriaLabel in NcListItem

Signed-off-by: Louis Chemineau <louis@chmn.me>
---
 l10n/messages.pot                        |  3 ---
 src/components/NcListItem/NcListItem.vue | 11 +++--------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/l10n/messages.pot b/l10n/messages.pot
index fb61015786..da0ef21167 100644
--- a/l10n/messages.pot
+++ b/l10n/messages.pot
@@ -21,9 +21,6 @@ msgstr ""
 msgid "Actions"
 msgstr ""
 
-msgid "Actions for item with name \"{name}\""
-msgstr ""
-
 msgid "Activities"
 msgstr ""
 
diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index dcb0f6a45f..01a6a460d0 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -514,7 +514,7 @@ The `actions-icon` slot can be used to pass icon to the inner NcActions componen
 					<NcActions ref="actions"
 						:primary="isActive || active"
 						:force-menu="forceMenu"
-						:aria-label="computedActionsAriaLabel"
+						:aria-label="actionsAriaLabel"
 						@update:open="handleActionsUpdateOpen">
 						<template v-if="$slots['actions-icon']" #icon>
 							<!-- @slot Provide the custom icon for the right side quick menu -->
@@ -538,7 +538,6 @@ The `actions-icon` slot can be used to pass icon to the inner NcActions componen
 import NcActions from '../NcActions/index.js'
 import NcCounterBubble from '../NcCounterBubble/index.js'
 import NcVNodes from '../NcVNodes/index.js'
-import { t } from '../../l10n.js'
 
 export default {
 	name: 'NcListItem',
@@ -563,7 +562,7 @@ export default {
 		 */
 		name: {
 			type: String,
-			required: true,
+			default: undefined,
 		},
 
 		/**
@@ -641,7 +640,7 @@ export default {
 		 */
 		actionsAriaLabel: {
 			type: String,
-			default: '',
+			default: undefined,
 		},
 
 		/**
@@ -724,10 +723,6 @@ export default {
 			return (this.details !== '' || this.hasDetails)
 				&& (!this.displayActionsOnHoverFocus || this.forceDisplayActions)
 		},
-
-		computedActionsAriaLabel() {
-			return this.actionsAriaLabel || t('Actions for item with name "{name}"', { name: this.name })
-		},
 	},
 
 	watch: {