#nuxt es lint stylistic
1 messages · Page 1 of 1 (latest)
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,
// ...
},
},
},
})
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
},
})
4. Si rien ne semble s’appliquer
Vérifie aussi :
- Que tu lances
eslint(ounpm run lint) sur les bons fichiers. - Que ton IDE utilise bien la flat config (dans VS Code < 3.0.10, ajouter
"eslint.useFlatConfig": truedans.vscode/settings.json). [Module recipes]