Eslint

Overview

The Nuxt ESLint packages provide a non-opinionated ESLint configuration for Nuxt 3 apps. It works out-of-the-box with no additional configuration and includes Nuxt-specific rules for pages, components, and more. The packages are actively under development and can be easily installed as devDependencies in your project.

Features

• Works out-of-the-box with no additional configuration
• Nuxt-specific rules for pages, components, and more
• Active development

Installation

To install the Nuxt ESLint packages, follow these steps:

1. Install the package and ESLint in your devDependencies:

   npm install -D @nuxt/eslint-config
   

2. Extend the default Nuxt config by creating an .eslintrc.cjs file:

   module.exports = {
     extends: [
       '@nuxt/eslint-config',
     ],
   };
   

3. Optionally, you can add a script entry to your package.json:

   {
     "scripts": {
       "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
     }
   }
   

4. Run ESLint by executing the following command:

   npm run lint
   

Summary

The Nuxt ESLint packages provide a convenient and easy-to-use solution for linting Nuxt 3 apps. With no additional configuration required, these packages offer out-of-the-box functionality and include Nuxt-specific rules. By following a few simple installation steps, you can seamlessly integrate these packages into your project and improve the code quality and maintainability of your Nuxt apps.