Vetur: Vue components don't get highlighted like React

[max-programming]

• [x] I have searched through existing issues
• [x] I have read through docs
• [x] I have read FAQ

Info

• Platform: Windows
• Vetur version: 0.24.0
• VS Code version: 1.45.1

Problem

I love using Vetur. It is very fast and great. But when I do a React project, and in the highlighting, I saw that the components had a different colour (That is by VS Code) than the normal tags:

I noticed that Vue files did not have that thing:

Reproducible Case

It would be nice if the Vue components also have different colour highlighting

[max-programming]

Will this feature be added? so should I close this issue

[ThatNUB]

Would be great to have it!

[amrbashir]

@max-programming don't close it, otherwise they will forget about it. We have to be patient and let them do their work.

[max-programming]

okay. Thanks to support! I think they are working on it.

[octref]

[max-programming]

@octref I can't see it on mine. Do I have to change some settings?

[amrbashir]

@max-programming works for me, It only works for <PascalCase> like <MyButton>.

[octref]

It only works for <PascalCase>, which is consistent with React.

[max-programming]

It only works for <PascalCase>, which is consistent with React.

This is what happens here:
I think there is some setting to change

I also reinstalled the extension but still doesn't work 😐

[octref]

2136

[max-programming]

@octref Very happy to see the dedication and work towards this extension. Thanks a lot 😊
This is the other issue. It didn't get highlighted when expanded or if we write something between it

[octref]

@max-programming Thanks for catching the cases 👍 #2146
I'd prefer opening new issues than appending to old issues though. It's easier to track.

[max-programming]

This issue is finally solved. Sorry I checked it now

[jstiers]

What is the correct scope to change the color in a custom theme?

Thank you

[octref]

support.class.component.html.

[Kolobok12309]

How disable this feature?)

[octref]

editor.tokenColorCustomizations

[mathewcst]

Is there some setting that I should check? Or some specific theme? For me, it isn't working.

I'm using Vue 3 with Typescript, Community Material Theme and that's it. No highlights. But React highlights works.

[mathewcst]

Found the issue (for me). I use WSL 2. When I open a project through WSL it doesn't get highlighted but when I open it through Windows it works perfectly.

Edit:
Microsoft's "Remove - WSL" extension was the problem. Removing it fixed the issue for me.

[octref]

@mathewcst You might want to file an issue for them: https://github.com/Microsoft/vscode-remote-release