LmsBadges

Gewohnheiten

Alle Abzeichen im Raster, mit Kopfzeile und Gesamtfortschritt.

In Markdown: ::lms-badges Im Zusammenhang ansehen

Die Kopfzeile zählt genau das, was darunter steht — deshalb steckt sie im selben Baustein und nicht daneben, wo sie auseinanderlaufen könnte.

Beispiele (1)

Raster mit Kopfzeile

1 von 6 Abzeichen

Bleiben Sie dran und decken Sie alle Bereiche ab, um sie freizuschalten.

17 % freigeschaltet

Erster Schutzwall

Legen Sie Ihre erste Gewohnheit an.

Bronze

Wachsam: 7 Tage

Sieben Tage in Folge aktiv geblieben.

3 / 7

Rundum abgesichert

In allen sechs Bereichen aktiv.

2 / 6

Passwort-Wächter

Zwanzig Passwort-Gewohnheiten erledigt.

3 / 20

Routiniert

Fünfzig erledigte Gewohnheiten.

4 / 50

Perfekte Woche

Eine Woche lang an jedem Tag aktiv.

0 / 1

API

Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.

Props

Prop	Typ	Standard	Bedeutung
`items`	`LmsBadgeItem[]`	`() => []`	Wiederholte Kinder.
`title`	`string`	—	Überschrift.
`description`	`string`	—	Zeile unter dem Titel.
`header`	`boolean`	`true`	Kopfzeile mit Zählung und Leiste zeigen.
`columns`	`number \| string`	`4`	—

Slots

Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.

Emits

Dieser Baustein sendet keine Events.

Theme

Die Beschriftungen dieses Bausteins stehen in der Gruppe lms.labels.habits. Alle Schlüssel sind einzeln überschreibbar — was nicht gesetzt wird, behält die Vorgabe.

// app.config.ts
export default defineAppConfig({
  lms: {
    labels: {
      habits: {
        done: 'erledigt',
        markDone: 'Als erledigt markieren',
        markOpen: 'Als nicht erledigt markieren',
        streak: '{count} Tage in Folge',
        thisWeek: '{done}/{target} diese Woche',
        lastDays: '14 T',
        add: 'Gewohnheit anlegen',
        edit: 'Bearbeiten',
        remove: 'Entfernen',
        save: 'Speichern',
        cancel: 'Abbrechen',
        fromTraining: 'Aus Schulung übernehmen',
        empty: 'Noch keine Gewohnheiten. Bauen Sie sich Ihre Routine auf.',
        fieldTitle: 'Was nehmen Sie sich vor?',
        fieldDescription: 'Beschreibung',
        fieldCategory: 'Themenfeld',
        fieldCadence: 'Rhythmus',
        fieldTarget: 'Ziel pro Woche',
        fieldReminder: 'Erinnerung',
        badgeScore: '{earned} von {total} Abzeichen',
        unlocked: '{percent} % freigeschaltet',
        less: 'weniger',
        more: 'mehr',
        dayTitle: '{date} · {count} erledigt'
      }
    }
  }
})

Changelog

Hinzugefügt1.1.02026-08-20
und LmsBadges — Medaille und Raster mit Kopfzeile. Aus
Geändert0.7.02026-08-20
src/runtime/utils/totp.ts kommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an @ts-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/
Hinzugefügt0.6.02026-08-20
useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt
Behoben0.4.02026-08-20
Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen
Hinzugefügt0.3.02026-08-20
Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
Hinzugefügt0.3.02026-08-20
Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten, {count=14} übergibt "14"
Hinzugefügt0.2.02026-08-20
API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
Hinzugefügt0.2.02026-08-20
Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
Geändert0.2.02026-08-20
Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
Geändert0.2.02026-08-20
Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind
Hinzugefügt0.1.02026-08-19
Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI