gt-next Lint

Плагин ESLint для компонентов gt-next.

GT Next Lint

Это альфа-версия. Возможны изменения.

Плагин ESLint, который обнаруживает распространённые ошибки переводов в компонентах gt-next.

Установка

npm install --save-dev @generaltranslation/gt-next-lint

Конфигурация

Добавьте в файл 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',
    },
  },
];

Правила

no-dynamic-jsx

Оборачивает динамический контент в компоненты <T> с компонентами‑переменными.

// ❌ Неверно
<T>Привет, {userName}!</T>

// ✅ Правильно  
<T>Привет, <Var>{userName}</Var>!</T>

no-dynamic-string

Разрешает использовать в функциях перевода только строковые литералы.

const t = useGT();

// ❌ Неправильно
t(`Hello ${name}`)
t('Hello ' + name)

// ✅ Правильно
t('Привет, {name}!', { name })

Поддерживаемые компоненты

  • <Var> — переменные
  • <DateTime> — даты
  • <Num> — числа
  • <Currency> — валюта

Поддерживаемые функции

  • useGT — клиентские переводы

Насколько полезно это руководство?

gt-next Lint