gt-next Lint
ESLint-Plugin für gt-next-Komponenten.
GT Next Lint
Dies ist eine Alpha-Version. Änderungen sind vorbehalten.
ESLint-Plugin, das häufige Übersetzungsfehler in gt-next-Komponenten erkennt.
Installation
npm install --save-dev @generaltranslation/gt-next-lintKonfiguration
Fügen Sie Ihrer eslint.config.mjs Folgendes hinzu:
import gtNext from "@generaltranslation/gt-next-lint";
export default [
{
plugins: { 'gt-next': gtNext },
rules: {
'gt-next/no-dynamic-jsx': 'warn',
'gt-next/no-dynamic-string': 'warn',
},
},
];Regeln
no-dynamic-jsx
Umschließt dynamische Inhalte in <T>-Komponenten mit <Var>-Komponenten.
// ❌ Falsch
<T>Hello {userName}!</T>
// ✅ Richtig
<T>Hello <Var>{userName}</Var>!</T>no-dynamic-string
Erlaubt nur Stringliterale in Übersetzungsfunktionen.
const t = useGT();
// ❌ Falsch
t(`Hallo ${name}`)
t('Hallo ' + name)
// ✅ Richtig
t('Hallo, {name}!', { name })Unterstützte Komponenten
<Var>- Variablen<DateTime>- Datumsangaben<Num>- Zahlen<Currency>- Währungen
Unterstützte Funktionen
useGT– Client-seitige Übersetzungen
Wie ist dieser Leitfaden?