17 lines
371 B
Vue
17 lines
371 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
id: string;
|
|
index: number;
|
|
eyebrow: string;
|
|
heading: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<section :id="id" :aria-labelledby="`${id}-heading`" :data-section-index="index">
|
|
<p>{{ String(index).padStart(2, '0') }} / {{ eyebrow }}</p>
|
|
<h2 :id="`${id}-heading`">{{ heading }}</h2>
|
|
<slot />
|
|
</section>
|
|
</template>
|