eslint Nuxt Module

To be able to use eslint easily in your Nuxt application, you can use the eslint Nuxt Module. It's a straightforward way to add linting to your Nuxt application.

Installing the Module

Start adding the module by running the following command:

npx nuxi module add eslint

If you are using Typescript, you also have to install typescript into the project (if not already done):

npm install -D typescript

🔎 Info

Once you start your Nuxt app, a eslint.config.mjs file will be generated under your project root. You can customize it as needed.

Check the Nuxt config

Now you can check, if the module was added to your nuxt.config.ts file correctly. If so, you should have something similar in your nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: { // only if needed
    // options here
  }
})

---

Now you are ready to use your own rules in your eslint.config.mjs file. This will make your code more consistent and easier to maintain.

To get more information about the module, check out the documentation.

To get an already preset configuration, you can check out this example.