# Linting Rules for gt-next: Lint gt-next
URL: https://generaltranslation.com/fr/docs/next-lint.mdx
---
title: Lint gt-next
description: Plugin ESLint pour les composants gt-next.
---

<Callout type="warn">
  Cette fonctionnalité est en version alpha. Elle est susceptible d’évoluer.
</Callout>

Plugin ESLint qui détecte les erreurs de traduction courantes dans les composants gt-next.

## Installation

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


## Configuration

Ajoutez ceci à votre fichier `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',
    },
  },
];
```


## Règles

### `no-dynamic-jsx`

Encapsule le contenu dynamique dans des composants `<T>` à l’aide de composants variables.

```jsx
// ❌ Incorrect
<T>Hello {userName}!</T>

// ✅ Correct  
<T>Hello <Var>{userName}</Var>!</T>
```


### `no-dynamic-string`

Autorise uniquement les chaînes littérales dans les fonctions de traduction.

```jsx
const gt = useGT();

// ❌ Incorrect
gt(`Hello ${name}`)
gt('Hello ' + name)

// ✅ Correct
gt('Hello, {name}!', { name })
```


## Composants pris en charge

* `<Var>` - Variables
* `<DateTime>` - Dates
* `<Num>` - Nombres
* `<Currency>` - Monnaies

## Fonctions prises en charge

* `useGT` - Traduction côté client
* `getGT` - Traduction côté serveur

## Préréglages de configuration

Le plugin inclut le préréglage de configuration `recommended` :

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

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

Cela active `no-dynamic-jsx` et `no-dynamic-string` en tant qu’avertissements.