CODEWITHSUNDEEP
nuxt.jseslintnuxt3.js
Kindi
Kindi

Reputation: 31

Nuxt3: how to configure eslint?

Nuxt3: how to configure eslint

npx nuxi init nuxt3-app

Upvotes: 3

Views: 5748

Answers (2)

Sacha Stafyniak
Sacha Stafyniak

Reputation: 76

Edit 10/2024:

You should now use new eslint nuxt module :

npx nuxi module add eslint

https://eslint.nuxt.com/

If you are using typescript,
you can add @nuxtjs/eslint-config-typescript as dev dependency

And create .eslintrc with

{
  "extends": [
    "@nuxtjs/eslint-config-typescript"
  ],
  "rules": {
    "@typescript-eslint/no-unused-vars": [
      "off"
    ]
  }
}

If you do not use typescript,
add @nuxtjs/eslint-config insead of @nuxtjs/eslint-config-typescript

And create .eslintrc with

{
  "extends": [
    "@nuxtjs"
  ],
}

More details about nuxt linter available here: https://github.com/nuxt/eslint-config

Upvotes: 2

lalan21j
lalan21j

Reputation: 313

Installs the following libraries.

- @nuxtjs/eslint-config
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser    
- eslint
- eslint-config-standard
- eslint-config-standard-with-typescript
- eslint-plugin-import
- eslint-plugin-n
- eslint-plugin-promise
- eslint-plugin-vue

some of them are installed by default by eslint.

then in your .eslintrc.js file

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
    'vue/setup-compiler-macros': true
  },
  extends: [
    'plugin:vue/base',
    'plugin:vue/vue3-essential',
    'plugin:vue/vue3-strongly-recommended',
    'plugin:vue/vue3-recommended',
    'eslint:recommended',
    'standard'
  ],
  parser: 'vue-eslint-parser',
  overrides: [],
  parserOptions: {
    parser: '@typescript-eslint/parser',
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  plugins: [
    'vue',
    '@typescript-eslint'
  ],
}

Upvotes: 0

Related Questions