<template>
  <h3 :id="parseId(id)" class="text-2xl font-bold  mt-2 mb-4">
    <slot />
  </h3>
</template>

<script setup lang="ts">
import { parseId } from '#shared/general.util';
const props = defineProps<{ id?: string }>()

const generate = computed(() => props.id)
</script>

<style>
.HyperMD-header-3
{
  @apply !text-2xl !font-bold !pt-1 after:!hidden;
}
.HyperMD-header-3 .cm-header
{
  @apply font-bold;
}
</style>