<script setup>
const item = inject('accordionItem');
const { toggleAccordion } = inject('accordion');
</script>

<template>
	<h3 class="vl-accordion-header">
		<button :id="`vueless-${item.index}`" :aria-controls="`vueless-${item.index}`" :aria-expanded="item.isOpen.value"
			@click="toggleAccordion(item.index)">
			<slot />
		</button>
	</h3>
</template>