VSCode Syntax Highlighting not working with Vue / Vetur

Question

For the last week or so, every .VUE file I work with has no syntax highlighting. I usually have the extension Vetur to help with synthax highlighting and other tweaks to .VUE files.

Things I've tried so far:

• uninstall/reinstall Vetur
• change file associations in VScode
• make sure .vue files have no errors

Answer 1

You can install 'Vue 3 Support - All In One' from extensions in vs code. Then the issue with syntax highlighting will fix.

Answer 2

1. Disable Volar/Vetur extension
2. Install and enable Vue 3 Support Extension
3. Reload VSCode