Lint

Configuração

Se você estiver usando ESLint para verificar seu projeto, aqui está como você pode fazer o ESLint verificar seus arquivos TypeScript.

Tudo o que você precisa é instalar o pacote @nuxtjs/eslint-config-typescript:

Se você já estiver usando @nuxtjs/eslint-config, o remova de suas dependências, as configurações ESLint do Nuxt TypeScript já o incluem.

yarn add --dev @nuxtjs/eslint-config-typescript

npm i --save-dev @nuxtjs/eslint-config-typescript

Em seguida, crie ou edite seu arquivo de configuração do ESLint .eslintrc.js extendendo @nuxtjs/eslint-config-typescript :

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

Como isso fará com que a ESlint use um parser TypeScript (@typescript-eslint/parser), por favor, certifique-se de que a opção 'parserOptions.parser' não seja substituta nem por você ou por outra configuração que você esteja extendendo.

Se você estivesse usando babel-eslint como parser, basta removê-lo de seu .eslintrc.js, assim como suas dependências.

Finalmente, edite o script lint do seu arquivo package.json:

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

Agora você pode verificar seus arquivos TypeScript executando npm run lint (ou yarn lint).

Se você precisa editar/sobrescrever as regras do TypeScript ESLint, você pode encontrar aqui uma lista com todas as regras suportadas.

Lint em tempo de execução

Se você quiser ter o lint em tempo de execução (tendo ESLint funcionando depois que um arquivo foi salvo), você pode ativar o recurso eslint do fork-ts-checker-webpack-plugin configurando a opção de módulo typeCheck

nuxt.config.js

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

Ele vai verificar o tipo e verificar seu código sempre que você estiver salvando arquivos.