Erste Schritte

Installation

npm

npm install @templatical/quality

pnpm

pnpm add @templatical/quality

yarn

yarn add @templatical/quality

bun

bun add @templatical/quality

In den Editor einbinden

Übergeben Sie accessibility an init() oder initCloud():

import { init } from "@templatical/editor";

const editor = init({
  container: "#editor",
  locale: "de",
  accessibility: {
    rules: {
      "img-missing-alt": "warning", // Standard 'error' abschwächen
      "text-all-caps": "off", // komplett deaktivieren
    },
    thresholds: {
      minFontSize: 16,
    },
  },
});

Der Sidebar-Tab und die Inline-Canvas-Badges erscheinen automatisch, sobald der optionale Peer aufgelöst wird. Bei accessibility.disabled === true lädt der Editor das Paket nie per Lazy-Load – kein Chunk-Download, keine UI.

Wie geht's weiter?

• Im Regelkatalog jede Prüfung nachschlagen.
• Schweregrade, Schwellwerte und das disabled-Flag in den Optionen anpassen.
• In Schweregrad & Korrekturen lesen, wie Auto-Fix-Patches im Editor angewendet werden.
• Außerhalb des Editors linten? Siehe Headless-Nutzung für CI-Validierung.