Lint de gt-next
Plugin ESLint pour les composants gt-next.
GT Next Lint
Version alpha. Susceptible de changer.
Plugin ESLint qui détecte les erreurs de traduction courantes dans les composants gt-next.
Installation
npm install --save-dev @generaltranslation/gt-next-lintConfiguration
Ajoutez ceci à votre 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',
},
},
];Règles
no-dynamic-jsx
Encapsule le contenu dynamique dans des composants <T> avec des composants <Var> pour les variables.
// ❌ Incorrect
<T>Bonjour {userName} !</T>
// ✅ Correct
<T>Bonjour <Var>{userName}</Var> !</T>no-dynamic-string
N’autorise que les chaînes littérales dans les fonctions de traduction.
const t = useGT();
// ❌ Incorrect
t(`Bonjour ${name}`)
t('Bonjour ' + name)
// ✅ Correct
t('Bonjour, {name} !', { name })Composants pris en charge
<Var>- Variables<DateTime>- Dates<Num>- Nombres<Currency>- Monnaie
Fonctions prises en charge
useGT- Traductions côté client
Que pensez-vous de ce guide ?