# Lint

# Configuración

Si usted esta usando ESLint para lintear tu proyecto, asi es como usted puede hacer que ESLint lintee sus archivos TypeScript.

Todo lo que usted necesita es instalar @nuxtjs/eslint-config-typescript:

TIP

Si usted esta usando @nuxtjs/eslint-config, eliminelo de sus dependencias, la configuración de ESLint para Nuxt TypeScript ESLint ya lo incluye.

npm i -D @nuxtjs/eslint-config-typescript
# OR
yarn add -D @nuxtjs/eslint-config-typescript

Luego, cree o edite su configuración de ESLint .eslintrc.js para que extienda de @nuxtjs/eslint-config-typescript :

module.exports = {
  extends: [
    '@nuxtjs/eslint-config-typescript'
  ]
}

WARNING

Para hacer que ESlint use el TypeScript parser (@typescript-eslint/parser), por favor, asegurese que la opción parserOptions.parser no esta siendo sobreescrita por usted o por alguna otra configuración que esta extendiendo.

Si usted usa babel-eslint como parser, solo remuevalo de su configuración .eslintrc.js y sus dependencias.

Finalmente, edite el script lint de su package.json:

"lint": "eslint --ext .ts,.js,.vue ."

Ahora, usted puede lintear sus archivos TypeScript corriendo el comando npm run lint (o yarn lint).

TIP

Si usted necesita editar/sobreescribir las reglas de TypeScript ESLint, Usted puede encontrar aqui una lista de todas las reglas soportadas.

# Runtime lint

Si usted desea tener una runtime lint (teniendo ESLint corriendo despues de que una archivo es guardado), usted debe activar la opción eslint del fork-ts-checker-webpack-plugin configurando la opción typeCheck del módulo

// nuxt.config.js
export default {
  typescript: {
    typeCheck: {
      eslint: {
        files: './src/**/*.{ts,js,vue}'
      }
    }
  }
}

Esto va a verificar los tipos y va a lintear su código cada vez que guarde archivos.