Code block test#

Fenced code blocks should render with the Shiki github-dark theme. The language tag drives token coloring.

TypeScript#

interface CorrectionResult {
  active:    boolean
  n:         number
  meanDelta: number | null
  stdDev:    number | null
}
 
function confLabel(n: number): 'Low' | 'Moderate' | 'High' {
  if (n < 20) return 'Low'
  if (n < 50) return 'Moderate'
  return 'High'
}

TSX#

export default function Pill({ children }: { children: React.ReactNode }) {
  return (
    <span className="text-xs font-bold px-2 py-0.5 rounded-full bg-tide-slack-lt text-tide-slack-dk">
      {children}
    </span>
  )
}

Inline#

A reference to confLabel(n) should render as inline code with the prose plugin's default styling — no Shiki highlighting on inline spans.

Plain block (no language)#

This block has no language tag.
Shiki should still produce a styled <pre> element,
just without token coloring.