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