Eslint in the server folder

K

kapa.ai•6/25/25, 2:41 AM

Hi @Nove1398 [876 Gaming]. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

K

kapa.ai•6/25/25, 2:41 AM

----------------------
To properly configure ESLint for your server directory in a Nuxt project, you'll need to use the recommended Nuxt ESLint integration. The issue you're experiencing is likely because the server directory might not be included in your ESLint configuration scope.

For Nuxt 3 projects, the recommended approach is to use the

@nuxt/eslint

@nuxt/eslint

@nuxt/eslint

@nuxt/eslint module, which provides project-aware ESLint configuration that will properly handle all directories including the server folder.

Setting up ESLint with Nuxt 3

You can quickly set up the ESLint module with:

npx nuxi module add eslint

npx nuxi module add eslint

npx nuxi module add eslint

npx nuxi module add eslint

This will add the module to your project and generate an

eslint.config.mjs

eslint.config.mjs

eslint.config.mjs

eslint.config.mjs file in your project root when you start your Nuxt app Code Style.

If you prefer to set it up manually:

npm i -D @nuxt/eslint eslint typescript

npm i -D @nuxt/eslint eslint typescript

npm i -D @nuxt/eslint eslint typescript

npm i -D @nuxt/eslint eslint typescript

Then update your

nuxt.config.ts

nuxt.config.ts

:

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

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

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

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

And create an

eslint.config.mjs

eslint.config.mjs

eslint.config.mjs

eslint.config.mjs file:

import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  // your custom flat configs go here
)

import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  // your custom flat configs go here
)

import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  // your custom flat configs go here
)

import withNuxt from './.nuxt/eslint.config.mjs'

export default withNuxt(
  // your custom flat configs go here
)

Enabling Stylistic Rules

If you want to apply styling rules, you need to explicitly enable them as they're not enabled by default. You can do this by setting the

stylistic

stylistic

stylistic

stylistic option to

true

true

:

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: true // Enable stylistic rules
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: true // Enable stylistic rules
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: true // Enable stylistic rules
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: true // Enable stylistic rules
    }
  }
})

You can also customize the stylistic rules by passing an object:

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: {
        indent: 2,
        semi: true,
        // other stylistic options
      }
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: {
        indent: 2,
        semi: true,
        // other stylistic options
      }
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: {
        indent: 2,
        semi: true,
        // other stylistic options
      }
    }
  }
})

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: {
        indent: 2,
        semi: true,
        // other stylistic options
      }
    }
  }
})

K

kapa.ai•6/25/25, 2:41 AM

This configuration will apply to all files in your project, including the server directory ESLint Module.

If you're using a custom ESLint config with the

createConfigForNuxt

createConfigForNuxt

createConfigForNuxt

createConfigForNuxt function, you can enable stylistic rules like this:

import { createConfigForNuxt } from '@nuxt/eslint-config'

export default createConfigForNuxt({
  features: {
    stylistic: true
  }
})

import { createConfigForNuxt } from '@nuxt/eslint-config'

export default createConfigForNuxt({
  features: {
    stylistic: true
  }
})

import { createConfigForNuxt } from '@nuxt/eslint-config'

export default createConfigForNuxt({
  features: {
    stylistic: true
  }
})

import { createConfigForNuxt } from '@nuxt/eslint-config'

export default createConfigForNuxt({
  features: {
    stylistic: true
  }
})

The Nuxt ESLint module is designed to be project-aware and will properly handle all directories in your Nuxt project, including the server directory.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------

K

kapa.ai•6/25/25, 2:41 AM

@295042077853745153 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

N

Nove1398 [876 Gaming]•6/25/25, 2:48 AM

even with this already set up in my project, I get no formatting in server folders

Eslint in the server folder

Setting up ESLint with Nuxt 3

Enabling Stylistic Rules

Similar Threads

Similar Threads

Setting up ESLint with Nuxt 3

Enabling Stylistic Rules

Similar Threads