Nuxt ESLint Config

ESlint config used for Nuxt.js.

Usage

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

Add this package to your devDependencies

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

Install eslint if not already present locally or globally

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

Create a .eslintrc file
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 or yarn add -D babel-eslint

{
  "root": true,
  "parserOptions": {
    "parser": "babel-eslint",
    "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.

Migration guide from v0.x.y to v1.x.y

~~Install the new peer dependencies (yarn add -D eslint-plugin-unicorn or npm i -D eslint-plugin-unicorn)~~
Fix issues brought up due to new rules or disable them if needed

License

Setup inspired by eslint-config-standard