# Linting Rules for gt-next: gt-next Lint
URL: https://generaltranslation.com/it/docs/next-lint.mdx
---
title: gt-next Lint
description: Plugin ESLint per i componenti gt-next.
---

<Callout type="warn">
  Questa funzionalità è in alpha. Soggetta a modifiche.
</Callout>

Plugin ESLint che rileva gli errori di traduzione più comuni nei componenti gt-next.

## Installazione

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


## Configurazione

Aggiungi a `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',
    },
  },
];
```


## Regole

### `no-dynamic-jsx`

Racchiude il contenuto dinamico nei componenti `<T>` usando componenti variabili.

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

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


### `no-dynamic-string`

Consente solo stringhe letterali nelle funzioni di traduzione.

```jsx
const gt = useGT();

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

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


## Componenti supportati

* `<Var>` - Variabili
* `<DateTime>` - Date
* `<Num>` - Numeri
* `<Currency>` - Valuta

## Funzioni supportate

* `useGT` - Traduzioni sul client
* `getGT` - Traduzioni sul server

## Preset di configurazione

Il plugin viene fornito con un preset di configurazione `recommended`:

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

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

Questo abilita sia `no-dynamic-jsx` sia `no-dynamic-string` come avvisi.