Nuxt ESLint Config

ESlint config used for Nuxt.

Usage

Do you want to add the config to your own projects? There you go:

1. Add this package to your devDependencies

$ npm i -D @nuxtjs/eslint-config
# or
$ yarn add -D @nuxtjs/eslint-config

2. Install eslint if not already present locally or globally

$ npm i -D eslint
# or
$ yarn add -D eslint

3. Create a .eslintrc file

4. Extend our config (you can use just the scope name as ESLint will assume the eslint-config prefix):

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

Full example

A full example .eslintrc for a project with babel support:

Dont forget to npm i -D @babel/eslint-parser or yarn add -D @babel/eslint-parser

{
  "root": true,
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    "sourceType": "module"
  },
  "extends": [
    "@nuxtjs"
  ]
}

TypeScript

If you're using TypeScript, follow Usage section by replacing @nuxtjs/eslint-config by @nuxtjs/eslint-config-typescript.

And in your .eslintrc all you need is :

{
  "extends": [
    "@nuxtjs/eslint-config-typescript"
  ]
}

You can then edit/override same rules as you could with @nuxtjs/eslint-config but also TypeScript rules. You can find the list of supported TypeScript rules here.

Also see Nuxt TypeScript Support.

License

Setup inspired by eslint-config-standard

Published under the MIT License.