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:

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'
  ]
}

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).

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: './**/*.{ts,js,vue}'
      }
    }
  }
}

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