#nuxt es lint stylistic

1 messages · Page 1 of 1 (latest)

fast sequoiaBOT
#

Hi @candid minnow. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Pour que les règles stylistic soient appliquées avec @nuxt/eslint, il y a deux points importants à vérifier :


1. Activer Stylistic côté module Nuxt

Dans nuxt.config.ts, il faut activer config.stylistic dans la config du module ESLint :

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint',
  ],
  eslint: {
    config: {
      stylistic: true, // ou un objet de config
    },
  },
})

Tu peux aussi passer un objet pour personnaliser :

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

[ESLint module recipes]


2. Vérifier que tu utilises bien la flat config générée

Le module génère un eslint.config.mjs qui doit utiliser withNuxt :

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

export default withNuxt(
  // tes configs supplémentaires éventuelles
)

C’est cette config-là qu’ESLint doit charger (et que VS Code doit utiliser). [ESLint module]


3. Cas où tu utilises directement @nuxt/eslint-config

Si tu n’utilises pas le module mais directement @nuxt/eslint-config, il faut activer Stylistic via features.stylistic :

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

export default createConfigForNuxt({
  features: {
    stylistic: true, // ou un objet de config
  },
})

[ESLint config stylistic]


4. Si rien ne semble s’appliquer

Vérifie aussi :

#
  • Que tu lances eslint (ou npm run lint) sur les bons fichiers.
  • Que ton IDE utilise bien la flat config (dans VS Code < 3.0.10, ajouter "eslint.useFlatConfig": true dans .vscode/settings.json). [Module recipes]

Si tu colles ton nuxt.config.ts et eslint.config.mjs, je peux t’indiquer précisément ce qui bloque.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: