gt-next Lint
Plugin ESLint per i componenti di gt-next.
GT Next Lint
Questa è una versione alpha. Potrebbe cambiare.
Plugin ESLint che rileva errori di traduzione comuni nei componenti gt-next.
Installazione
npm install --save-dev @generaltranslation/gt-next-lintConfigurazione
Aggiungi in eslint.config.mjs:
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',
},
},
];Regole
no-dynamic-jsx
Racchiude il contenuto dinamico in componenti <T> con componenti variabili.
// ❌ Errato
<T>Ciao {userName}!</T>
// ✅ Corretto
<T>Ciao <Var>{userName}</Var>!</T>no-dynamic-string
Consente solo i letterali di stringa nelle funzioni di traduzione.
const t = useGT();
// ❌ Errato
t(`Ciao ${name}`)
t('Ciao ' + name)
// ✅ Corretto
t('Ciao, {name}!', { name })Componenti supportati
<Var>- Variabili<DateTime>- Date<Num>- Numeri<Currency>- Valute
Funzioni supportate
useGT- Traduzioni lato client
Come valuti questa guida?