Open hecticme opened 6 days ago
I noticed something similar in one of my projects except that it keeps happening also after upgrading to nuxt 3.12.1. Since the symptoms are similar (no syntax highlighting, reverting to v2.0.19 makes it work again), I decided to post here.
Interestingly what seems to be causing this in my case is when vue-recaptcha
nuxt module has been enabled in the project via nuxt.config.ts
.
Repro:
npm install
app.vue
and witness that there is no syntax highlighting for NuxtWelcome
componentvue-recaptcha
module from nuxt.config.ts
by deleting the line or commenting it outnpm run postinstall
to regenerate typesDeveloper: Reload Window
to restart everythingI have similiar issue.
In my case i use
syntax highlighting is totally incosistent.
in the image below look at UFormGroup
also when i scroll fast all element are flickering
note downgrading extension didn't solve the issue
After upgrading Vue - Official from
v2.0.19
tov2.0.20
orv2.0.21
, syntax highlighting for components does not work if you disable Nuxt auto import for components (The issue only occurs with Nuxt prior to version 3.12.0).Vue - Official extension or vue-tsc version
Vue - Official v2.0.20, v.2.0.21
VSCode version
1.90.0 (latest)
Vue version
3.4.27 (latest)
Nuxt version
3.11.2 (As long as it's prior to 3.12.0)
TypeScript version
5.4.5 (latest)
System Info
Steps to reproduce
npx nuxi@latest init <project-name>
. Then install any Nuxt version that is smaller than3.12.0
(the project I'm working with hasnuxt@3.3.1
, but the error still occurs withnuxt@3.11.2
).nuxt.config.ts
following the guide on this link: https://nuxt.com/docs/guide/concepts/auto-imports#auto-imported-componentspnpm run postinstall
and reload VSCode. Syntax highlighting for components is now broken, even if you have explicitly imported them.In the reproduction repository, you can take a look at
app.vue
. There is no syntax highlighting forComponentA
even though I have already imported it.Revert Vue - Official to v2.0.19 or update Nuxt to v3.12.0 will fix the issue.
Link to minimal reproduction
https://github.com/hecticme/volar-component-syntax-highlighting
Any additional comments?
I have already tried deleting
node_modules
,.nuxt
. I didnpx nuxi cleanup .
, re-ranpostinstall
, reload VSCode. The problem still occurs.Images with editor token if they somehow help: