Filename convention to lowercase-with-dash

src/components/content/prose-h3.vue

@@ -0,0 +1,18 @@
+<template>
+	<h3>
+		<span :id="props.id"></span>
+		<a v-if="props.id && generate" :href="`#${props.id}`">
+			<slot />
+		</a>
+		<slot v-else />
+	</h3>
+</template>
+
+<script setup lang="ts">
+import { computed, useRuntimeConfig } from "#imports"
+
+const props = defineProps<{ id?: string }>()
+
+const { headings } = useRuntimeConfig().public.mdc
+const generate = computed(() => props.id && ((typeof headings?.anchorLinks === "boolean" && headings?.anchorLinks === true) || (typeof headings?.anchorLinks === "object" && headings?.anchorLinks?.h3)))
+</script>