LmsHabitForm

Gewohnheiten

Eine Gewohnheit anlegen oder ändern.

In Markdown: ::lms-habit-form Im Zusammenhang ansehen

Übernommen aus HabitFormModal (coactum-nuggets).

Der Baustein bringt seinen eigenen Auslöseknopf mit und verwaltet das Öffnen selbst. Das ist der Grund: MDC kennt weder v-model:open noch @saved — ein Dialog, der von außen gesteuert werden muss, wäre aus einem Lernmodul heraus nicht aufrufbar. Wer ihn aus einer .vue-Datei einbindet, kann v-model:open trotzdem benutzen und den Knopf mit trigger="false" abschalten.

Beispiele (1)

Anlegen

Ohne Adapter landet das Ergebnis im Speicher — sichtbar in den Kacheln weiter oben.

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
`habit`	`LmsHabitItem`	—	Zu ändernde Gewohnheit. Ohne sie legt das Formular eine neue an.
`trigger`	`string \| false`	`'Gewohnheit anlegen'`	Beschriftung des eigenen Knopfes. `false` blendet ihn aus.
`triggerIcon`	`string`	`'i-lucide-plus'`	—
`categories`	`string[]`	`() => ['Passwörter', 'Geräte', 'E-Mail', 'Daten', 'Updates', 'Bewusstsein']`	Auswahl für das Themenfeld.
`cadences`	`string[]`	`() => ['täglich', 'werktags', 'wöchentlich']`	Auswahl für den Rhythmus.
`title`	`string`	—	Überschrift.
`color`	`Tone`	`'primary'`	Semantische Farbrolle.

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 LmsHabitTemplates — Anlegen und Vorlagen übernehmen.
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