Learn Nuxt with a Collection of 100+ Tips!
54.1K

Code Style

Nuxt supports ESLint out of the box

ESLint

The recommended approach for Nuxt is to enable ESLint support using the @nuxt/eslint module, that will setup project-aware ESLint configuration for you.

The module is designed for the new ESLint flat config format with is the default format since ESLint v9.If you are using the legacy .eslintrc config, you will need to configure manually with @nuxt/eslint-config. We highly recommend you to migrate over the flat config to be future-proof.

Quick Setup

npx nuxi module add eslint

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

You can learn more about the module and customizations in Nuxt ESLint's documentation.

TypeScript

Nuxt is fully typed and provides helpful shortcuts to ensure you have access to accurate type information when you are coding.

.nuxt

Nuxt uses the .nuxt/ directory in development to generate your Vue application.