finxol.io
1<script setup lang="ts">
2const props = defineProps<{ id?: string }>();
3</script>
4
5<template>
6 <h6 :id="props.id">
7 <a
8 :href="`#${props.id}`"
9 >
10 <slot />
11 </a>
12 </h6>
13</template>
14
15<style scoped>
16a {
17 text-decoration: none !important;
18}
19
20:where(.prose).h-frontmatter a {
21 pointer-events: none;
22}
23
24:where(.prose):not(.h-frontmatter) a:hover::before {
25 @apply text-neutral-500;
26 content: '#' !important;
27 position: absolute;
28 margin-left: -1em;
29 text-decoration: none;
30}
31</style>