ProsePre

Jeder Code-Block mit Fences auf der Seite, und die Komponente, die einen mermaid-Fence in ein Diagramm verwandelt.

#Was sie hinzufügt

Die Karte um den Code — den Dateinamen, ein Icon für seine Sprache und einen Kopier-Button — plus optionale Zeilennummern.

#Sprachen

Jede Sprache, die Shiki mitbringt, wird gefärbt, und jeder Alias, den es kennt, ebenso: ts und typescript, py und python, yml und console färben gleich. Nichts einzustellen — der Layer listet sie alle, und ein eigener langs-Eintrag kommt zu dieser Liste hinzu, statt sie zu ersetzen.

Ein Name, den Shiki nicht kennt, fällt auf Plaintext zurück. Beim Entwickeln warnt er, im Produktions-Build schweigt er — ein Tippfehler wie pyhton geht also als grauer Text raus, ohne irgendetwas rot zu machen.

Vier Aliase sind die Ausnahme, aus einem Grund, den keine Liste behebt: c++, c#, f# und 文言 können kein Paket-Subpath sein. Die Grammatik dahinter wird über ihren eigenen Namen erreicht — schreibe cpp, csharp, fsharp oder wenyan.

#Zeilennummern

Pro Fence einzuschalten, in seinem Meta geschrieben:

```ts line-numbers
```

Standardmäßig aus: Die meisten Schnipsel in einer Dokumentation sind vier Zeilen lang, und eine Spalte Zahlen daneben ist Rauschen. Die Zahlen zeichnet ein CSS-Counter, ein Leser, der den Block kopiert, bekommt also den Code und nicht die Nummerierung.

#Shiki-Annotationen

Zwei wirken auf dem Fence selbst, über die vier hinaus, die Content mitliefert:

#API

#Props