1 files changed, 36 insertions, 0 deletions
diff --git a/core/src/components/PublicPageMenu/PublicPageMenuCustomEntry.vue b/core/src/components/PublicPageMenu/PublicPageMenuCustomEntry.vue
new file mode 100644
index 00000000000..f3c57a12042
--- /dev/null
+++ b/core/src/components/PublicPageMenu/PublicPageMenuCustomEntry.vue
@@ -0,0 +1,36 @@
+<!--
+ - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+ -->
+<template>
+	<!-- eslint-disable-next-line vue/no-v-html -->
+	<li ref="listItem" :role="itemRole" v-html="html" />
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+defineProps<{
+	id: string
+	html: string
+}>()
+
+const listItem = ref<HTMLLIElement>()
+const itemRole = ref('presentation')
+
+onMounted(() => {
+	// check for proper roles
+	const menuitem = listItem.value?.querySelector('[role="menuitem"]')
+	if (menuitem) {
+		return
+	}
+	// check if a button is available
+	const button = listItem.value?.querySelector('button') ?? listItem.value?.querySelector('a')
+	if (button) {
+		button.role = 'menuitem'
+	} else {
+		// if nothing is available set role on `<li>`
+		itemRole.value = 'menuitem'
+	}
+})
+</script>