Syntax highlighting not working with lang="scss"

[LMS007]

Info

• Platform: Mac
• Vetur version: v35
• VS Code version: 1.64

Problem

SCSS is causing syntax highlight errors. I can only guess that it think this should be css, but it looks like it should be supports according to docs

I have also disabled all other plugins.

.vue file

[jiverson]

Need a semi colon -> color: red;

[LMS007]

Sorry, bad example, here is a better one

[LMS007]

Today, for reasons I don't fully understand, the highlight started working! I suspect my issues may have come from other plugins affecting this one, but I honestly have no idea. I'll close this ticket for now and if I learn anything else, I will reopen with more details.

[LMS007]

Update: ESlint was part of the problem, when that plugin is enabled, it causes errors in scss scopes. When its disabled, I don't have any issues, but none of my js files are working.

So I dont know if this issue is with Ventr or with ESLint, but I'd like to run both plugins at the same time unless there is another solution?

I further tracked this down to simply not working after restarted vscode after install vetur.

1. Uninstall Vetur
2. Disable all plugins
3. Install Vetur
4. Notice that scss works in vue files
5. Restart vscode
6. Notice that scss no longer works in vue files

[yoyo930021]

Do you try to use <style lang="scss" scoped> ?