Lint de gt-next
Complemento de ESLint para componentes de gt-next.
GT Next Lint
Esto está en fase alfa. Puede cambiar.
Plugin de ESLint que detecta errores comunes de traducción en componentes de gt-next.
Instalación
npm install --save-dev @generaltranslation/gt-next-lintConfiguración
Agrega en tu 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',
},
},
];Reglas
no-dynamic-jsx
Envuelve el contenido dinámico en componentes <T> junto con componentes <Var> para variables.
// ❌ Incorrecto
<T>Hello {userName}!</T>
// ✅ Correcto
<T>Hello <Var>{userName}</Var>!</T>no-dynamic-string
Solo permite literales de cadena en las funciones de traducción.
const t = useGT();
// ❌ Incorrecto
t(`Hola ${name}`)
t('Hola ' + name)
// ✅ Correcto
t('¡Hola, {name}!', { name })Componentes compatibles
<Var>- Variables<DateTime>- Fechas<Num>- Números<Currency>- Monedas
Funciones admitidas
useGT- Traducciones del lado del cliente
¿Qué te ha parecido esta guía?