feat: typography, toc

src/components/Link.astro

@@ -4,22 +4,22 @@ import { cn } from '@lib/utils'
 type Props = {
   href: string
   external?: boolean
-  underline?: boolean
-  group?: boolean
+  class?: string
+  'data-heading'?: string
 }
 
-const { href, external, underline = true, group = false, ...rest } = Astro.props
+const { href, external, class: className, 'data-heading': dataHeading, ...rest } = Astro.props
 ---
 
 <a
   href={href}
   target={external ? '_blank' : '_self'}
   class={cn(
-    'inline-block transition-colors duration-300 ease-in-out',
-    underline && 'underline underline-offset-[3px]',
-    group && 'group',
+    'inline-block transition-colors duration-300 ease-in-out hover:underline underline-offset-[3px]',
+    className
   )}
+  data-heading={dataHeading}
   {...rest}
 >
   <slot />
-</a>
+</a>