vuejs / vue-syntax-highlight

If I understood correctly, this package works with github.com/braver/SublimeSass and sass highlight works fine, but when I switch to lang="scss" syntax is broken

See the issue I created SublimeText/Sass#15

SublimeSass recently switched to braver's fork and got its first push to package control. Among the differences is a change in scope from source.scss to source.css.scss.

It looks like we'll have to wait for vue-syntax-highlight to update to match scopes.

vue-syntax-highlight/vue.YAML-tmLanguage

Line 177 in cf1e82d

- include: source.scss

Current Workaround

(optional) disable SublimeSass
use the old package, which was renamed to syntax highlighting for sass and is available here

Another workaround:

Install https://packagecontrol.io/packages/PackageDev
Extract and Open Vue Syntax Highlight package
Modify relevant part of tmLanguage file (change source.scss to source.css.scss)

A new release has been pushed out. Can you try to update it and let me know if the issue persists?

That’s fixed it for me, thanks!

Nothings fixed. SCSS not working. How to fix it? I reinstalled Vue synthax highlight with no success.

Why in the hell broke things that already works?

@thariddler make sure you're using braver's Sass and not Syntax Highlighting for Sass

What the fuck is braver's Sass and how do I make sure of that

So you want to tell me that from now long I need to install some shady plugin to use SCSS with Vue? Why are you killing it?

Vue ecosystem is turning into pile of chaos.

I used this for SCSS highlightning - https://packagecontrol.io/packages/SCSS

All was working just fine.
Now you are telling me that I need to use some fucking braver plugin for that? Rly???

If this package (vue-syntax-highlight) explicitly requires a specific external package, it needs to be listed somewhere, or better yet, included as a dependency. This issue being closed, I had to hunt down why my SCSS was no longer being highlighted. I personally use a Sublime Package for SCSS that has been working for years, even in .vue files, and it no longer works.

A new update has been pushed out and previously supported SCSS packages should work again. Do let me know if you continue experiencing issues.

I'm currently using :

braver/SublimeSass - v2.1.1
vuejs/vue-syntax-highlight - v3.3.3

<style lang="scss"> = no highlight
<style lang="sass"> = no highlight
<style lang="css"> = yes highlight

Removing braver/SublimeSass and installing it again fixes mine.

Not working with SCSS syntax in ST3 Build 3176

Current Workaround