# Linting Rules for gt-next: gt-next Lint
URL: https://generaltranslation.com/ru/docs/next-lint.mdx
---
title: gt-next Lint
description: Плагин ESLint для компонентов gt-next.
---

<Callout type="warn">
  Это альфа-версия. Возможны изменения.
</Callout>

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

## Установка

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


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

Добавьте в файл `eslint.config.mjs`:

```javascript
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>` с использованием переменных компонентов.

```jsx
// ❌ Неверно
<T>Hello {userName}!</T>

// ✅ Верно  
<T>Hello <Var>{userName}</Var>!</T>
```


### `no-dynamic-string`

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

```jsx
const gt = useGT();

// ❌ Неверно
gt(`Hello ${name}`)
gt('Hello ' + name)

// ✅ Верно
gt('Hello, {name}!', { name })
```


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

* `<Var>` - Переменные
* `<DateTime>` - Даты
* `<Num>` - Числа
* `<Currency>` - Валюты

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

* `useGT` — перевод на клиенте

- `getGT` — перевод на сервере

## Пресеты конфигурации

Плагин включает рекомендованный пресет конфигурации `recommended`:

```javascript
import gtNext from "@generaltranslation/gt-next-lint";

export default [
  gtNext.configs.recommended,
];
```

Это включает правила `no-dynamic-jsx` и `no-dynamic-string` с уровнем предупреждения.