separate sass and scss (#73)

benjcal · yyx990803 · commit f7a5c7a00da0 · 2016-12-11T10:37:27.000-05:00
limiting &lt;style lang="scss"&gt; to source.sass is quiet limiting, specially when it comes to autocomplete. The SCSS package is a lot more complete than the Sass on Sublime Text 3
diff --git a/vue.YAML-tmLanguage b/vue.YAML-tmLanguage
@@ -145,7 +145,7 @@ patterns:
     - include: source.postcss
 
 - name: source.sass.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang="(?:s(a|c)ss)(?:\?[^"]*)?")
+  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang="(?:sass)(?:\?[^"]*)?")
   end: (</)((?i:style))(>)(?:\s*\n)?
   captures:
     '1': {name: punctuation.definition.tag.begin.html}
@@ -160,6 +160,23 @@ patterns:
     patterns:
     - include: source.sass
 
+- name: source.scss.embedded.html
+  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang="(?:scss)(?:\?[^"]*)?")
+  end: (</)((?i:style))(>)(?:\s*\n)?
+  captures:
+    '1': {name: punctuation.definition.tag.begin.html}
+    '2': {name: entity.name.tag.style.html}
+    '3': {name: punctuation.definition.tag.html}
+  patterns:
+  - include: '#tag-stuff'
+  - begin: (>)
+    beginCaptures:
+      '1': {name: punctuation.definition.tag.end.html}
+    end: (?=</(?i:style))
+    patterns:
+    - include: source.scss
+
+
 - name: source.less.embedded.html
   begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang="less(?:\?[^"]*)?")
   end: (</)((?i:style))(>)(?:\s*\n)?
