Skip to content

andresespinosapc/nuxt3-eslint-config

 
 

Repository files navigation

Nuxt ESLint Config

GitHub Actions npm npm (scoped with tag)

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
  1. Install eslint if not already present locally or globally
$ npm i -D eslint
# or
$ yarn add -D eslint
  1. Create a .eslintrc file

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

About

ESlint config used for Nuxt

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%