Konventionen

Die Regeln, nach denen alle 40 Komponenten gebaut sind — Hülle, Autoring, Vokabular, Theme.

Grundlage

Wie die Bibliothek gebaut ist

Diese Demo rendert ausschließlich Markdown. Jedes Beispiel im Katalog ist eine .md-Datei unter playground/content/ — kein Beispiel ist in Vue geschrieben.

Der Katalog umfasst 40 Komponenten in zehn Kategorien. Diese Seite erklärt die Regeln, nach denen sie alle gebaut sind.

Konventionen

Was hier festgezurrt wird

Diese vier Regeln gelten für jede der 40 Komponenten.

Konvention 1

Die Abschnittshülle sitzt außen

LmsSection trägt Eyebrow, Titel, Beschreibung und Fußnote
Bausteine selbst sind überschriftsfrei
Mehrere Bausteine können unter einer Überschrift stehen

Konvention 2

YAML für Struktur, Slot für Fließtext

Wiederholte Kinder stehen als items in YAML. Der eine Fließtext einer Komponente ist der Default-Slot. Container akzeptieren beides — der gefüllte Slot gewinnt.

Konvention 3

Inline-Markdown in Prop-Strings

Auszeichnung wie fett, kursiv, code und Links funktioniert direkt in Textfeldern — gerendert von LmsMarkdown.

Kein vollständiger Parser. Wer echtes Markdown braucht, nimmt die verschachtelte Form.

Konvention 4

Themeneutral

Keine feste Markenfarbe. Jede Komponente hat color mit den semantischen Rollen aus Nuxt UI. Oben rechts kannst du zwischen hell und dunkel wechseln.