Need Help with `@nuxt/eslint` + Prettier + TypeScript Rules (Nuxt 3 + Tauri)
Hi everyone,
I'm working on a Nuxt 3 + Tauri project (initially based on the
Project Setup:
- Nuxt version:
- Tauri:
- ESLint version:
- @nuxt/eslint version:
- VSCode as the main editor
What I’m Trying to Achieve:
- A well-integrated ESLint setup using
- Prettier working alongside ESLint without conflicts.
- Enforcing TypeScript-specific rules (e.g.,
- VSCode properly recognizing and applying all formatting/linting rules.
Current Issues:
1. VSCode ESLint Behavior:
- I have
-
-
- ESLint sometimes fails to apply the expected TypeScript rules.
2. Prettier Integration:
- I’m not sure if Prettier is playing well with ESLint.
- Some formatting settings from my
3. TypeScript Rules Not Behaving as Expected:
- Some TypeScript-related rules don’t seem to take effect.
- I get TypeScript rule errors for rules that I explicitly set to
-
- This makes me think my rule overrides aren’t being properly applied.
Any advice or insights would be greatly appreciated! If you’ve successfully set up
I'm working on a Nuxt 3 + Tauri project (initially based on the
nuxtorProject Setup:
- Nuxt version:
3.16.0- Tauri:
2.3.0- ESLint version:
9.0.0- @nuxt/eslint version:
1.2.0- VSCode as the main editor
What I’m Trying to Achieve:
- A well-integrated ESLint setup using
@nuxt/eslint- Prettier working alongside ESLint without conflicts.
- Enforcing TypeScript-specific rules (e.g.,
@typescript-eslint- VSCode properly recognizing and applying all formatting/linting rules.
Current Issues:
1. VSCode ESLint Behavior:
- I have
"eslint.useFlatConfig": true-
"editor.formatOnSave": false-
"editor.codeActionsOnSave"- ESLint sometimes fails to apply the expected TypeScript rules.
2. Prettier Integration:
- I’m not sure if Prettier is playing well with ESLint.
- Some formatting settings from my
eslint.config.mjsquotes: backtickbraceStyle: allman3. TypeScript Rules Not Behaving as Expected:
- Some TypeScript-related rules don’t seem to take effect.
- I get TypeScript rule errors for rules that I explicitly set to
off-
'@typescript-eslint/no-explicit-any': 'off'- This makes me think my rule overrides aren’t being properly applied.
Any advice or insights would be greatly appreciated! If you’ve successfully set up
@nuxt/eslint
