TypeScript conflict in templates with stylistic semi: false
Environment
- Operating System: Darwin
- Node Version: v22.12.0
- Nuxt Version: 3.15.4
- CLI Version: 3.21.1
- Nitro Version: 2.10.4
- Package Manager: [email protected]
- Builder: -
- User Config: modules, devtools, css, compatibilityDate, vite, eslint
- Runtime Modules: @nuxt/[email protected], @vueuse/[email protected], @storyblok/[email protected]
- Build Modules: -
Package
@nuxt/eslint
Reproduction
https://codesandbox.io/p/devbox/elegant-sammet-kwkx7j?file=%2Feslint.config.mjs%3A8%2C5
This of course won't show the problem because codesandbox has their own linter that ignores whatever linting setup you add. Please see screenshots below.
Describe the bug
When setting semicolons to false in stylistic rules, highlighting breaks when using typescript. If a semicolon is added, the highlighting is corrected, but the linter flags it as an error, as per the stylistic rules.
Additional context
Logs
I can confirm that this is still happening, with no fancy changes besides semi: false on the stylistic rules.
What do you mean? semi is false by default. The highlighting error sounds like a bug of Vue language tools but not related to this project. When semi is set to false, you expect no semi whenever possible, isn't it? I think the rules work as expect.