Writing article

app/components/content/ProseH3.vue

@@ -1,5 +1,23 @@
 <template>
-  <h3 class="text-base text-neutral-700 dark:text-neutral-300">
-    <slot />
-  </h3>
+  <h2
+    :id="id"
+  >
+    <a
+      v-if="id && generate"
+      :href="`#${id}`"
+      class="text-lg font-semibold text-neutral-800 dark:text-neutral-200"
+    >
+      <slot />
+    </a>
+    <slot v-else />
+  </h2>
 </template>
+
+<script lang="ts" setup>
+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) || (typeof headings?.anchorLinks === 'object' && headings?.anchorLinks?.h2)))
+</script>