diff --git a/.python-version b/.python-version
new file mode 100644
index 0000000..98fccd6
--- /dev/null
+++ b/.python-version
@@ -0,0 +1 @@
+3.8
\ No newline at end of file
diff --git a/README.md b/README.md
index e49c74e..efde56a 100644
--- a/README.md
+++ b/README.md
@@ -1,19 +1,36 @@
 # Vue Syntax Highlight
 
+**Note**: the `st4` branch hosts the new syntax that only works in Sublime build > 4107. 
+
+* For Sublime Text 2 support (`.tmlanguage` files), see `master` branch.
+* For Sublime Text 3 support, see `new` branch.
+
 Sublime Text Syntax highlighting for single-file [Vue.js](http://vuejs.org) components (enabled by [vue-loader](https://github.com/vuejs/vue-loader) or [vueify](https://github.com/vuejs/vueify)).
 
-![screenshot](https://cloud.githubusercontent.com/assets/499550/11458853/99ed23aa-9696-11e5-9bf6-43c706487aee.png)
+<p align="center">
+  <img width="809px" src="https://raw.githubusercontent.com/vuejs/vue-syntax-highlight/new/samples/screenshot.png">
+</p>
 
 ### Install
 
 - Via Package Control: search for `Vue Syntax Highlight`.
 - Manual: clone this repo into your Sublime `Packages` folder.
 
-**NOTE:** You still need to install corresponding packages for pre-processors (e.g. Jade, SASS, CoffeeScript) to get proper syntax highlighting for them.
+**NOTE:** You still need to install corresponding packages for pre-processors (e.g. Pug, SASS, CoffeeScript) to get proper syntax highlighting for them.
 
 ### Enabling JSX Highlighting
 
-The `<script>` block uses the syntax highlighting currently active for you normal `.js` files. To support JSX highlighting inside Vue files, just set [Babel javascript highlighting package](https://packagecontrol.io/packages/Babel), which supports JSX, as your default JS highlighting. **Note you may need to explicitly disable Sublime's default `JavaScript` package to make it work.**
+The `<script>` block uses the syntax highlighting currently active for you normal `.js` files. To support JSX highlighting inside Vue files:
+
+1. Install and set [Babel javascript highlighting package](https://packagecontrol.io/packages/Babel), which supports JSX, as your default JS highlighting.
+
+2. Explicitly disable Sublime's default `JavaScript` package. This allows the Babel package to be applied the embedded `<script>` in `*.vue` files. You may need to restart Sublime for this to take effect.
+
+### Development
+
+- The development of this syntax relies on the [YAML-Macros](https://github.com/Thom1729/YAML-Macros) package. You can install it from Package Control.
+
+- Do not edit `Vue Component.sublime-syntax` directly. Work in `Vue Component.sublime-syntax.yaml-macros` instead. Once done editing, run "Build With: YAML Macros" from Sublime's command palette. This will update the actual `Vue Component.sublime-syntax` file.
 
 ### License
 
diff --git a/Vue Component.sublime-syntax b/Vue Component.sublime-syntax
new file mode 100644
index 0000000..abd5245
--- /dev/null
+++ b/Vue Component.sublime-syntax	
@@ -0,0 +1,632 @@
+%YAML 1.2
+---
+name: Vue Component
+scope: text.html.vue
+version: 2
+
+extends: Packages/HTML/HTML.sublime-syntax
+
+file_extensions:
+  - vue
+
+variables:
+  # Embedded script and style syntaxes may be wrapped into html comments for
+  # historical reasons. The following patterns match them, while maintaining
+  # correct boundaries of embedded source scopes. That's required to enable
+  # embedded syntax's comment toggling in the first and last line.
+  #
+  # see:
+  # - https://github.com/sublimehq/Packages/issues/2322
+  # - https://github.com/sublimehq/sublime_text/issues/4701
+  script_content_begin: |-
+    (?x:
+    # whitespace followed by opening html comment begin punctuation
+      \s*(<!--)
+    # or any other non-whitespace character ahead
+    | (?=\s*(?!<!--)\S)
+    # or beginning of a line
+    | ^
+    )
+  script_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </script> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:script){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+  style_content_begin: '{{script_content_begin}}'
+  style_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </style> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:style){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+  template_content_begin: '{{script_content_begin}}'
+  template_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </template> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:template){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+
+contexts:
+
+###[ HTML TAGS ]##############################################################
+
+  prototype:
+    - meta_prepend: true
+    - include: mustache-templates
+
+  tag-html:
+    - meta_prepend: true
+    - include: script-tag
+    - include: style-tag
+    - include: template-tag
+
+###[ SCRIPT TAG ]#############################################################
+
+  script-tag:
+    # for compatibility with ST builds before 4114
+    - match: (<)((?i:script)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.script.html
+      push: script-javascript
+    - match: (</)((?i:script){{tag_name_break}})
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.script.html
+      push: script-close-tag-content
+
+  script-close-tag-content:
+    - meta_scope: meta.tag.script.end.html
+    - include: tag-end
+
+  script-common:
+    - meta_prepend: true
+    - include: script-lang-attribute
+
+  script-javascript:
+    # for compatibility with ST builds before 4114
+    - meta_scope: meta.tag.script.begin.html
+    - match: '>'
+      scope: punctuation.definition.tag.end.html
+      set: script-javascript-content
+    - include: script-common
+
+  script-javascript-content:
+    # for compatibility with ST builds before 4114
+    - meta_include_prototype: false
+    - match: '{{script_content_begin}}'
+      captures:
+        1: comment.block.html punctuation.definition.comment.begin.html
+      pop: 1  # make sure to match only once
+      embed: scope:source.js
+      embed_scope: source.js.embedded.html
+      escape: '{{script_content_end}}'
+      escape_captures:
+        1: source.js.embedded.html
+        2: comment.block.html punctuation.definition.comment.end.html
+        3: source.js.embedded.html
+        4: comment.block.html punctuation.definition.comment.end.html
+
+  script-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: script-lang-attribute-assignment
+
+  script-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.script.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: script-lang-attribute-value
+    - match: (?=\S)
+      set: script-javascript
+
+  script-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.script.begin.html meta.attribute-with-value.html
+    - include: script-lang-decider
+
+  script-lang-decider:
+    - match: (?i)(?=coffee{{unquoted_attribute_break}}|\'coffee\'|"coffee")
+      set:
+        -   - meta_scope: meta.tag.script.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{script_content_begin}}'
+                  embed_scope: source.coffee.embedded.html
+                  escape_captures:
+                    1: source.coffee.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.coffee.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.coffee
+                  escape: '{{script_content_end}}'
+            - include: script-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=livescript{{unquoted_attribute_break}}|\'livescript\'|"livescript")
+      set:
+        -   - meta_scope: meta.tag.script.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{script_content_begin}}'
+                  embed_scope: source.livescript.embedded.html
+                  escape_captures:
+                    1: source.livescript.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.livescript.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.livescript
+                  escape: '{{script_content_end}}'
+            - include: script-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=ts{{unquoted_attribute_break}}|\'ts\'|"ts")
+      set:
+        -   - meta_scope: meta.tag.script.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{script_content_begin}}'
+                  embed_scope: source.ts.embedded.html
+                  escape_captures:
+                    1: source.ts.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.ts.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.ts
+                  escape: '{{script_content_end}}'
+            - include: script-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?=\S)
+      set:
+        - script-javascript
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ STYLE TAG ]##############################################################
+
+  style-tag:
+    # for compatibility with ST builds before 4114
+    - match: (<)((?i:style)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.style.html
+      push: style-css
+    - match: (</)((?i:style){{tag_name_break}})
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.style.html
+      push: style-close-tag-content
+
+  style-close-tag-content:
+    - meta_scope: meta.tag.style.end.html
+    - include: tag-end
+
+  style-common:
+    - meta_prepend: true
+    - include: style-lang-attribute
+
+  style-css:
+    # for compatibility with ST builds before 4114
+    - meta_scope: meta.tag.style.begin.html
+    - match: '>'
+      scope: punctuation.definition.tag.end.html
+      set: style-css-content
+    - include: style-common
+
+  style-css-content:
+    # for compatibility with ST builds before 4114
+    - meta_include_prototype: false
+    - match: '{{style_content_begin}}'
+      captures:
+        1: comment.block.html punctuation.definition.comment.begin.html
+      pop: 1  # make sure to match only once
+      embed: scope:source.css
+      embed_scope: source.css.embedded.html
+      escape: '{{style_content_end}}'
+      escape_captures:
+        1: source.css.embedded.html
+        2: comment.block.html punctuation.definition.comment.end.html
+        3: source.css.embedded.html
+        4: comment.block.html punctuation.definition.comment.end.html
+
+  style-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: style-lang-attribute-assignment
+
+  style-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.style.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: style-lang-attribute-value
+    - match: (?=\S)
+      set: style-css
+
+  style-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.style.begin.html meta.attribute-with-value.html
+    - include: style-lang-decider
+
+  style-lang-decider:
+    - match: (?i)(?=sass{{unquoted_attribute_break}}|\'sass\'|"sass")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.sass.embedded.html
+                  escape_captures:
+                    1: source.sass.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.sass.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.sass
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=scss{{unquoted_attribute_break}}|\'scss\'|"scss")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.scss.embedded.html
+                  escape_captures:
+                    1: source.scss.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.scss.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.scss
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=stylus{{unquoted_attribute_break}}|\'stylus\'|"stylus")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.stylus.embedded.html
+                  escape_captures:
+                    1: source.stylus.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.stylus.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.stylus
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=postcss\?parser=sugarss{{unquoted_attribute_break}}|\'postcss\?parser=sugarss\'|"postcss\?parser=sugarss")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.sss.embedded.html
+                  escape_captures:
+                    1: source.sss.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.sss.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.sss
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=postcss{{unquoted_attribute_break}}|\'postcss\'|"postcss")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.postcss.embedded.html
+                  escape_captures:
+                    1: source.postcss.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.postcss.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.postcss
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=less{{unquoted_attribute_break}}|\'less\'|"less")
+      set:
+        -   - meta_scope: meta.tag.style.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{style_content_begin}}'
+                  embed_scope: source.less.embedded.html
+                  escape_captures:
+                    1: source.less.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: source.less.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:source.less
+                  escape: '{{style_content_end}}'
+            - include: style-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?=\S)
+      set:
+        - style-css
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ TEMPLATE TAG ]###########################################################
+
+  template-tag:
+    - match: (<)((?i:template)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.template.html
+      push: template-mustache
+    - match: (</)((?i:template))
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.template.html
+        3: punctuation.definition.tag.end.html
+      push: template-tag-content
+
+  template-tag-content:
+    - meta_scope: meta.tag.template.end.html
+    - include: tag-end
+
+  template-common:
+    - include: template-lang-attribute
+    - include: tag-attributes
+    - include: tag-end-self-closing
+
+  template-mustache:
+    - meta_scope: meta.tag.template.begin.html
+    - include: tag-end
+    - include: template-common
+
+  template-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: template-lang-attribute-assignment
+
+  template-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.template.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: template-lang-attribute-value
+    - match: (?=\S)
+      set: template-mustache
+
+  template-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.template.begin.html meta.attribute-with-value.html
+    - include: template-lang-decider
+
+  template-lang-decider:
+    - match: (?i)(?=jade{{unquoted_attribute_break}}|\'jade\'|"jade")
+      set:
+        -   - meta_scope: meta.tag.template.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{template_content_begin}}'
+                  embed_scope: text.jade.embedded.html
+                  escape_captures:
+                    1: text.jade.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: text.jade.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:text.jade
+                  escape: '{{template_content_end}}'
+            - include: template-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=pug{{unquoted_attribute_break}}|\'pug\'|"pug")
+      set:
+        -   - meta_scope: meta.tag.template.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{template_content_begin}}'
+                  embed_scope: text.pug.embedded.html
+                  escape_captures:
+                    1: text.pug.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: text.pug.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:text.pug
+                  escape: '{{template_content_end}}'
+            - include: template-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?i)(?=slm{{unquoted_attribute_break}}|\'slm\'|"slm")
+      set:
+        -   - meta_scope: meta.tag.template.begin.html
+            - match: '>'
+              scope: punctuation.definition.tag.end.html
+              set:
+                - match: '{{template_content_begin}}'
+                  embed_scope: text.slm.embedded.html
+                  escape_captures:
+                    1: text.slm.embedded.html
+                    2: comment.block.html punctuation.definition.comment.end.html
+                    3: text.slm.embedded.html
+                    4: comment.block.html punctuation.definition.comment.end.html
+                  captures:
+                    1: comment.block.html punctuation.definition.comment.begin.html
+                  pop: 1
+                  embed: scope:text.slm
+                  escape: '{{template_content_end}}'
+            - include: template-common
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+    - match: (?=\S)
+      set:
+        - template-mustache
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ TAG ATTRIBUTES ]#########################################################
+
+  tag-attributes:
+    - meta_prepend: true
+    - include: vue-directive
+
+  tag-class-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-generic-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-href-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-id-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-attribute-value-content:
+    - meta_prepend: true
+    - include: mustache-interpolations
+
+  strings-common-content:
+    - meta_prepend: true
+    - include: mustache-interpolations
+
+###[ MUSTAGE TEMPLATES ]######################################################
+
+  mustache-interpolations:
+    - match: (?={{)
+      push: mustache-interpolation-content
+
+  mustache-interpolation-content:
+    - clear_scopes: 1
+    - include: mustache-templates
+    - include: immediately-pop
+
+  mustache-templates:
+    - match: '{{'
+      scope: meta.interpolation.vue punctuation.definition.interpolation.begin.html
+      embed: scope:source.js
+      embed_scope: meta.interpolation.vue source.js.embedded.vue
+      escape: '}}'
+      escape_captures:
+        0: meta.interpolation.vue punctuation.definition.interpolation.end.html
+
+###[ VUE DIRECTIVES ]#########################################################
+
+  vue-directive:
+    - match: (?=v-)
+      push:
+        - vue-directive-meta
+        - vue-directive-assignment
+        - tag-generic-attribute-name
+    - match: (?::|@|#)
+      scope: punctuation.definition.attribute.html
+      push:
+        - vue-directive-meta
+        - vue-directive-assignment
+        - tag-generic-attribute-name
+
+  vue-directive-meta:
+    - meta_include_prototype: false
+    - meta_scope: meta.attribute-with-value.directive.html
+    - include: immediately-pop
+
+  vue-directive-assignment:
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: vue-directive-value
+    - include: else-pop
+
+  vue-directive-value:
+    - match: \"
+      scope: meta.string.html string.quoted.double.html punctuation.definition.string.begin.html
+      embed: scope:source.js#expression-statement
+      embed_scope: meta.string.html meta.interpolation.vue source.js.embedded.vue
+      escape: \"
+      escape_captures:
+        0: meta.attribute-with-value.directive.html meta.string.html string.quoted.double.html
+          punctuation.definition.string.end.html
+    - match: \'
+      scope: meta.string.html string.quoted.single.html punctuation.definition.string.begin.html
+      embed: scope:source.js#expression-statement
+      embed_scope: meta.string.html meta.interpolation.vue source.js.embedded.vue
+      escape: \'
+      escape_captures:
+        0: meta.attribute-with-value.directive.html meta.string.html string.quoted.single.html
+          punctuation.definition.string.end.html
+    - include: else-pop
+
+  tag-generic-attribute-name:
+    - meta_prepend: true
+    # https://vuejs.org/guide/essentials/template-syntax.html#dynamic-arguments
+    - match: (?=\[)
+      push: vue-dynamic-attribute-name
+
+  vue-dynamic-attribute-name:
+    - clear_scopes: 1  # clear `entity.other.attribute-name`
+    - match: \[
+      scope: meta.interpolation.vue punctuation.section.interpolation.begin.vue
+      embed: scope:source.js#expression-statement
+      embed_scope: meta.interpolation.vue source.js.embedded.vue
+      escape: \]
+      escape_captures:
+        0: meta.interpolation.vue punctuation.definition.interpolation.end.vue
+    - include: immediately-pop
diff --git a/Vue Component.sublime-syntax.yaml-macros b/Vue Component.sublime-syntax.yaml-macros
new file mode 100644
index 0000000..6daadfb
--- /dev/null
+++ b/Vue Component.sublime-syntax.yaml-macros	
@@ -0,0 +1,405 @@
+%YAML 1.2
+%TAG ! tag:yaml-macros:src.macros:
+---
+name: Vue Component
+scope: text.html.vue
+version: 2
+
+extends: Packages/HTML/HTML.sublime-syntax
+
+file_extensions:
+  - vue
+
+variables:
+  # Embedded script and style syntaxes may be wrapped into html comments for
+  # historical reasons. The following patterns match them, while maintaining
+  # correct boundaries of embedded source scopes. That's required to enable
+  # embedded syntax's comment toggling in the first and last line.
+  #
+  # see:
+  # - https://github.com/sublimehq/Packages/issues/2322
+  # - https://github.com/sublimehq/sublime_text/issues/4701
+  script_content_begin: |-
+    (?x:
+    # whitespace followed by opening html comment begin punctuation
+      \s*(<!--)
+    # or any other non-whitespace character ahead
+    | (?=\s*(?!<!--)\S)
+    # or beginning of a line
+    | ^
+    )
+  script_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </script> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:script){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+  style_content_begin: '{{script_content_begin}}'
+  style_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </style> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:style){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+  template_content_begin: '{{script_content_begin}}'
+  template_content_end: |-
+    (?x:
+    # optional html comment end punctuation followed by </template> tag
+      (?: (\s*) (-->) \s* )? (?=</(?i:template){{tag_name_break_char}})
+    # or standalone html comment end punctuation in a line
+    |   ^ (\s*) (-->) \s* $
+    )
+
+contexts:
+
+###[ HTML TAGS ]##############################################################
+
+  prototype:
+    - meta_prepend: true
+    - include: mustache-templates
+
+  tag-html:
+    - meta_prepend: true
+    - include: script-tag
+    - include: style-tag
+    - include: template-tag
+
+###[ SCRIPT TAG ]#############################################################
+
+  script-tag:
+    # for compatibility with ST builds before 4114
+    - match: (<)((?i:script)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.script.html
+      push: script-javascript
+    - match: (</)((?i:script){{tag_name_break}})
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.script.html
+      push: script-close-tag-content
+
+  script-close-tag-content:
+    - meta_scope: meta.tag.script.end.html
+    - include: tag-end
+
+  script-common:
+    - meta_prepend: true
+    - include: script-lang-attribute
+
+  script-javascript:
+    # for compatibility with ST builds before 4114
+    - meta_scope: meta.tag.script.begin.html
+    - match: '>'
+      scope: punctuation.definition.tag.end.html
+      set: script-javascript-content
+    - include: script-common
+
+  script-javascript-content:
+    # for compatibility with ST builds before 4114
+    - meta_include_prototype: false
+    - match: '{{script_content_begin}}'
+      captures:
+        1: comment.block.html punctuation.definition.comment.begin.html
+      pop: 1  # make sure to match only once
+      embed: scope:source.js
+      embed_scope: source.js.embedded.html
+      escape: '{{script_content_end}}'
+      escape_captures:
+        1: source.js.embedded.html
+        2: comment.block.html punctuation.definition.comment.end.html
+        3: source.js.embedded.html
+        4: comment.block.html punctuation.definition.comment.end.html
+
+  script-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: script-lang-attribute-assignment
+
+  script-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.script.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: script-lang-attribute-value
+    - match: (?=\S)
+      set: script-javascript
+
+  script-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.script.begin.html meta.attribute-with-value.html
+    - include: script-lang-decider
+
+  script-lang-decider:
+    - !script_language [ coffee, source.coffee ]
+    - !script_language [ livescript, source.livescript ]
+    - !script_language [ ts, source.ts ]
+    - match: (?=\S)
+      set:
+        - script-javascript
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ STYLE TAG ]##############################################################
+
+  style-tag:
+    # for compatibility with ST builds before 4114
+    - match: (<)((?i:style)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.style.html
+      push: style-css
+    - match: (</)((?i:style){{tag_name_break}})
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.style.html
+      push: style-close-tag-content
+
+  style-close-tag-content:
+    - meta_scope: meta.tag.style.end.html
+    - include: tag-end
+
+  style-common:
+    - meta_prepend: true
+    - include: style-lang-attribute
+
+  style-css:
+    # for compatibility with ST builds before 4114
+    - meta_scope: meta.tag.style.begin.html
+    - match: '>'
+      scope: punctuation.definition.tag.end.html
+      set: style-css-content
+    - include: style-common
+
+  style-css-content:
+    # for compatibility with ST builds before 4114
+    - meta_include_prototype: false
+    - match: '{{style_content_begin}}'
+      captures:
+        1: comment.block.html punctuation.definition.comment.begin.html
+      pop: 1  # make sure to match only once
+      embed: scope:source.css
+      embed_scope: source.css.embedded.html
+      escape: '{{style_content_end}}'
+      escape_captures:
+        1: source.css.embedded.html
+        2: comment.block.html punctuation.definition.comment.end.html
+        3: source.css.embedded.html
+        4: comment.block.html punctuation.definition.comment.end.html
+
+  style-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: style-lang-attribute-assignment
+
+  style-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.style.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: style-lang-attribute-value
+    - match: (?=\S)
+      set: style-css
+
+  style-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.style.begin.html meta.attribute-with-value.html
+    - include: style-lang-decider
+
+  style-lang-decider:
+    - !style_language [ sass, source.sass ]
+    - !style_language [ scss, source.scss ]
+    - !style_language [ stylus, source.stylus ]
+    - !style_language [ postcss\?parser=sugarss, source.sss ]
+    - !style_language [ postcss, source.postcss ]
+    - !style_language [ less, source.less ]
+    - match: (?=\S)
+      set:
+        - style-css
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ TEMPLATE TAG ]###########################################################
+
+  template-tag:
+    - match: (<)((?i:template)){{tag_name_break}}
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.template.html
+      push: template-mustache
+    - match: (</)((?i:template))
+      captures:
+        1: punctuation.definition.tag.begin.html
+        2: entity.name.tag.template.html
+        3: punctuation.definition.tag.end.html
+      push: template-tag-content
+
+  template-tag-content:
+    - meta_scope: meta.tag.template.end.html
+    - include: tag-end
+
+  template-common:
+    - include: template-lang-attribute
+    - include: tag-attributes
+    - include: tag-end-self-closing
+
+  template-mustache:
+    - meta_scope: meta.tag.template.begin.html
+    - include: tag-end
+    - include: template-common
+
+  template-lang-attribute:
+    - match: (?i:lang){{attribute_name_break}}
+      scope: meta.attribute-with-value.html entity.other.attribute-name.html
+      set: template-lang-attribute-assignment
+
+  template-lang-attribute-assignment:
+    - meta_content_scope: meta.tag.template.begin.html meta.attribute-with-value.html
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: template-lang-attribute-value
+    - match: (?=\S)
+      set: template-mustache
+
+  template-lang-attribute-value:
+    - meta_include_prototype: false
+    - meta_scope: meta.tag.template.begin.html meta.attribute-with-value.html
+    - include: template-lang-decider
+
+  template-lang-decider:
+    - !template_language [ jade, text.jade ]
+    - !template_language [ pug, text.pug ]
+    - !template_language [ slm, text.slm ]
+    - match: (?=\S)
+      set:
+        - template-mustache
+        - tag-generic-attribute-meta
+        - tag-generic-attribute-value
+
+###[ TAG ATTRIBUTES ]#########################################################
+
+  tag-attributes:
+    - meta_prepend: true
+    - include: vue-directive
+
+  tag-class-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-generic-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-href-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-id-attribute-value:
+    # for compatibility with ST builds before 4114
+    - meta_prepend: true
+    - meta_include_prototype: false
+
+  tag-attribute-value-content:
+    - meta_prepend: true
+    - include: mustache-interpolations
+
+  strings-common-content:
+    - meta_prepend: true
+    - include: mustache-interpolations
+
+###[ MUSTAGE TEMPLATES ]######################################################
+
+  mustache-interpolations:
+    - match: (?={{)
+      push: mustache-interpolation-content
+
+  mustache-interpolation-content:
+    - clear_scopes: 1
+    - include: mustache-templates
+    - include: immediately-pop
+
+  mustache-templates:
+    - match: '{{'
+      scope: meta.interpolation.vue punctuation.definition.interpolation.begin.html
+      embed: scope:source.js
+      embed_scope: meta.interpolation.vue source.js.embedded.vue
+      escape: '}}'
+      escape_captures:
+        0: meta.interpolation.vue punctuation.definition.interpolation.end.html
+
+###[ VUE DIRECTIVES ]#########################################################
+
+  vue-directive:
+    - match: (?=v-)
+      push:
+        - vue-directive-meta
+        - vue-directive-assignment
+        - tag-generic-attribute-name
+    - match: (?::|@|#)
+      scope: punctuation.definition.attribute.html
+      push:
+        - vue-directive-meta
+        - vue-directive-assignment
+        - tag-generic-attribute-name
+
+  vue-directive-meta:
+    - meta_include_prototype: false
+    - meta_scope: meta.attribute-with-value.directive.html
+    - include: immediately-pop
+
+  vue-directive-assignment:
+    - match: =
+      scope: punctuation.separator.key-value.html
+      set: vue-directive-value
+    - include: else-pop
+
+  vue-directive-value:
+    - match: \"
+      scope:
+        meta.string.html string.quoted.double.html
+        punctuation.definition.string.begin.html
+      embed: scope:source.js#expression-statement
+      embed_scope:
+        meta.string.html meta.interpolation.vue
+        source.js.embedded.vue
+      escape: \"
+      escape_captures:
+        0:
+          meta.attribute-with-value.directive.html
+          meta.string.html string.quoted.double.html
+          punctuation.definition.string.end.html
+    - match: \'
+      scope:
+        meta.string.html string.quoted.single.html
+        punctuation.definition.string.begin.html
+      embed: scope:source.js#expression-statement
+      embed_scope:
+        meta.string.html meta.interpolation.vue
+        source.js.embedded.vue
+      escape: \'
+      escape_captures:
+        0:
+          meta.attribute-with-value.directive.html
+          meta.string.html string.quoted.single.html
+          punctuation.definition.string.end.html
+    - include: else-pop
+
+  tag-generic-attribute-name:
+    - meta_prepend: true
+    # https://vuejs.org/guide/essentials/template-syntax.html#dynamic-arguments
+    - match: (?=\[)
+      push: vue-dynamic-attribute-name
+
+  vue-dynamic-attribute-name:
+    - clear_scopes: 1  # clear `entity.other.attribute-name`
+    - match: \[
+      scope: meta.interpolation.vue punctuation.section.interpolation.begin.vue
+      embed: scope:source.js#expression-statement
+      embed_scope: meta.interpolation.vue source.js.embedded.vue
+      escape: \]
+      escape_captures:
+        0: meta.interpolation.vue punctuation.definition.interpolation.end.vue
+    - include: immediately-pop
diff --git a/samples/arrow.vue b/samples/arrow.vue
index 29d0a6b..4ff74cb 100644
--- a/samples/arrow.vue
+++ b/samples/arrow.vue
@@ -1,6 +1,5 @@
 <!--
-This is a bug in the current implementation. Ideally should be fixed
-in a rewrite using sublime-syntax format.
+This was a bug in the old implementation.
 -->
 
 <template>
diff --git a/samples/basic.vue b/samples/basic.vue
index d192aa0..3c7d521 100644
--- a/samples/basic.vue
+++ b/samples/basic.vue
@@ -12,7 +12,8 @@ Things to verify:
     <span
       v-text="foo * 10 + 'hi'"
       :id="foo + 'baz'"
-      @click="onClick('hello')">
+      @click="onClick('hello')"
+      @click.prevent="onClick('hello')">
       Hello
     </span>
   </div>
diff --git a/samples/jsx.vue b/samples/jsx.vue
new file mode 100644
index 0000000..6a17d73
--- /dev/null
+++ b/samples/jsx.vue
@@ -0,0 +1,9 @@
+<!-- See JSX section in README -->
+
+<script>
+export default {
+  render () {
+    return <div>{ this.foo }</div>
+  }
+}
+</script>
diff --git a/samples/langs.vue b/samples/langs.vue
index bb6d2bc..ebfbb52 100644
--- a/samples/langs.vue
+++ b/samples/langs.vue
@@ -14,6 +14,20 @@ body
   color primary-color
 </style>
 
+<style lang="scss">
+@import '~foo';
+
+a {
+  color: red;
+}
+</style>
+
+<style lang="sass">
+@import '~foo'
+a
+  color: red
+</style>
+
 <template lang="pug">
 div.app
   h1.title This is the app
diff --git a/samples/screenshot.png b/samples/screenshot.png
new file mode 100644
index 0000000..a86bcde
Binary files /dev/null and b/samples/screenshot.png differ
diff --git a/src/macros.py b/src/macros.py
new file mode 100644
index 0000000..9884d5a
--- /dev/null
+++ b/src/macros.py
@@ -0,0 +1,45 @@
+from YAMLMacros.lib.syntax import rule as _rule
+
+def script_language(match, embed):
+    return embed_language_in_tag('script', match, embed)
+
+def style_language(match, embed):
+    return embed_language_in_tag('style', match, embed)
+
+def template_language(match, embed):
+    return embed_language_in_tag('template', match, embed)
+
+def embed_language_in_tag(tag, match, embed):
+    return _rule(
+        match=r'(?i)(?={0}{{{{unquoted_attribute_break}}}}|\'{0}\'|"{0}")'.format(match),
+        set=[
+            [
+                _rule(meta_scope='meta.tag.%s.begin.html' % tag),
+                _rule(
+                    match='>',
+                    scope='punctuation.definition.tag.end.html',
+                    set=[
+                        _rule(
+                            match=r'{{%s_content_begin}}' % tag,
+                            captures={
+                                1: 'comment.block.html punctuation.definition.comment.begin.html',
+                            },
+                            pop=1,
+                            embed=('scope:%s' % embed),
+                            embed_scope=('%s.embedded.html' % embed),
+                            escape='{{%s_content_end}}' % tag,
+                            escape_captures={
+                              1: ('%s.embedded.html' % embed),
+                              2: 'comment.block.html punctuation.definition.comment.end.html',
+                              3: ('%s.embedded.html' % embed),
+                              4: 'comment.block.html punctuation.definition.comment.end.html',
+                            },
+                        )
+                    ]
+                ),
+                _rule(include='%s-common' % tag),
+            ],
+            'tag-generic-attribute-meta',
+            'tag-generic-attribute-value',
+        ]
+    )
diff --git a/tests/syntax_test_script.vue b/tests/syntax_test_script.vue
new file mode 100644
index 0000000..190fc8b
--- /dev/null
+++ b/tests/syntax_test_script.vue
@@ -0,0 +1,208 @@
+// SYNTAX TEST "Vue Component.sublime-syntax"
+
+    </script>
+//  ^^^^^^^^^ meta.tag.script.end.html
+
+    <script> var i = 0; </script>
+//  ^^^^^^^^ meta.tag - source
+//          ^^^^^^^^^^^^ source.js.embedded.html - meta.tag
+//                      ^^^^^^^^^ meta.tag - source
+
+    <script> var i = 0; --> </script>
+//  ^^^^^^^^ meta.tag - source
+//          ^^^^^^^^^^^^ source.js.embedded.html - meta.tag
+//                      ^^^^ - meta.tag - source
+//                      ^^^ comment.block.html punctuation.definition.comment.end.html
+//                          ^^^^^^^^^ meta.tag - source
+
+    <script> <!-- var i = 0; </script>
+//  ^^^^^^^^ meta.tag - source
+//          ^^^^^ - meta.tag - source
+//               ^^^^^^^^^^^^ source.js.embedded.html - meta.tag
+//                           ^^^^^^^^^ meta.tag - source
+//           ^^^^ punctuation.definition.comment.begin.html
+
+    <script> <!-- var i = 0; --> </script>
+//  ^^^^^^^^ meta.tag - source
+//          ^^^^^ - meta.tag - source
+//           ^^^^ punctuation.definition.comment.begin.html
+//               ^^^^^^^^^^^^ source.js.embedded.html - meta.tag
+//                           ^^^^ - meta.tag - source
+//                           ^^^ comment.block.html punctuation.definition.comment.end.html
+//                               ^^^^^^^^^ meta.tag - source
+
+
+    <script>
+
+// <- source.js.embedded.html
+    var i = 0;
+// ^^^^^^^^^^^^ source.js.embedded.html - source source
+    </script>
+// <- source.js.embedded.html - source source
+// ^ source.js.embedded.html - source source
+//  ^^^^^^^^^ meta.tag - source
+
+
+    <script>
+    <!--
+//^^^^^^ - meta.tag - source
+//  ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//      ^ source.js.embedded.html - source source - meta.tag - comment
+    var i = 0;
+// ^^^^^^^^^^^^ source.js.embedded.html - source source - meta.tag
+    -->
+//^^ source.js.embedded.html - meta.tag - comment
+//  ^^^^ - source - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+    var i = 0;
+// ^^^^^^^^^^^^ - source
+    </script>
+//  ^^^^^^^^^ meta.tag - source
+
+
+    <script> <!--
+//  ^^^^^^^^^^^^^ - source
+//  ^^^^^^^^ meta.tag
+//  ^ punctuation.definition.tag.begin.html
+//   ^^^^^^ entity.name.tag
+//         ^ punctuation.definition.tag.end.html
+//          ^ - meta.tag - comment
+//           ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//               ^ source.js.embedded.html - source source
+
+    var foo = 100;
+// <- source.js.embedded.html - source source
+
+    (a --> b);
+//     ^^^ source.js.embedded.html keyword.operator - comment
+
+    --> </script>
+// ^ source.js.embedded.html - source source
+//  ^^^^^^^^^^^^^^ - source
+//     ^ - meta.tag - comment
+//      ^^^^^^^^^ meta.tag
+//               ^ - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+//      ^^ punctuation.definition.tag.begin.html
+//        ^^^^^^ entity.name.tag
+//              ^ punctuation.definition.tag.end.html
+
+
+    <script type="text/javascript"> <!--
+//  ^^^^^^^^ meta.tag - meta.attribute-with-value - source
+//          ^^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value - source
+//                                ^ meta.tag - meta.attribute-with-value - source
+//                                 ^^^^^ - meta.tag - source
+//   ^^^^^^ entity.name.tag
+//          ^^^^ entity.other.attribute-name.html
+//              ^ punctuation.separator.key-value.html
+//               ^^^^^^^^^^^^^^^^^ string.quoted.double.html
+//                                  ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//                                      ^ source.js.embedded.html
+
+    var foo = 100;
+// <- source.js.embedded.html - source source
+
+    (a --> b);
+//     ^^^ source.js.embedded.html keyword.operator - comment
+
+    --> </script>
+// ^ source.js.embedded.html - source source
+//  ^^^^^^^^^^^^^^ - source
+//     ^ - meta.tag - comment
+//      ^^^^^^^^^ meta.tag
+//               ^ - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+//      ^^ punctuation.definition.tag.begin.html
+//        ^^^^^^ entity.name.tag
+//              ^ punctuation.definition.tag.end.html
+
+
+    <script
+    type
+//  ^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+    =
+    application/jAvAsCrIpT>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+    var foo = 100;
+// <- source.js.embedded.html - source source
+// ^^^^^^^^^^^^^^^^ source.js.embedded.html - source source
+    </script>
+// <- source.js.embedded.html - source source
+// ^ source.js.embedded.html - source source
+//  ^^^^^^^^^ meta.tag - source
+
+
+    <script lang="coffee">  </script>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag - meta.tag meta.tag - source
+//          ^^^^^^^^^^^^^ meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+//                        ^^ source.coffee.embedded.html - meta.tag
+//                          ^^^^^^^^^ meta.tag - source
+
+    <script lang="coffee">
+
+// <- source.coffee.embedded.html - source source
+    </script>
+// <- source.coffee.embedded.html - source source
+//^^ source.coffee.embedded.html - source source
+//  ^^^^^^^^^ meta.tag - source
+
+    <script lang="coffee">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.coffee.embedded.html - source source
+        -->
+// ^^^^^ source.coffee.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </script>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^^ meta.tag - source
+
+
+    <script lang="livescript">
+
+// <- source.livescript.embedded.html - source source
+    </script>
+// <- source.livescript.embedded.html - source source
+//^^ source.livescript.embedded.html - source source
+//  ^^^^^^^^^ meta.tag - source
+
+    <script lang="livescript">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.livescript.embedded.html - source source
+        -->
+// ^^^^^ source.livescript.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </script>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^^ meta.tag - source
+
+
+    <script lang="ts">
+
+// <- source.ts.embedded.html - source source
+    </script>
+// <- source.ts.embedded.html - source source
+//^^ source.ts.embedded.html - source source
+//  ^^^^^^^^^ meta.tag - source
+
+    <script lang="ts">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.ts.embedded.html - source source
+        -->
+// ^^^^^ source.ts.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </script>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^^ meta.tag - source
diff --git a/tests/syntax_test_style.vue b/tests/syntax_test_style.vue
new file mode 100644
index 0000000..55d19c0
--- /dev/null
+++ b/tests/syntax_test_style.vue
@@ -0,0 +1,249 @@
+// SYNTAX TEST "Vue Component.sublime-syntax"
+
+    </style>
+//  ^^^^^^^^ meta.tag.style.end.html
+
+    <style> h1 {} </style>
+//  ^^^^^^^ meta.tag - source
+//         ^^^^^^^ source.css.embedded.html - meta.tag
+//                ^^^^^^^^ meta.tag - source
+
+    <style> h1 {} --> </style>
+//  ^^^^^^^ meta.tag - source
+//         ^^^^^^^ source.css.embedded.html - meta.tag
+//                ^^^^ - meta.tag - source
+//                ^^^ comment.block.html punctuation.definition.comment.end.html
+//                    ^^^^^^^^ meta.tag - source
+
+    <style> <!-- h1 {} </style>
+//  ^^^^^^^ meta.tag - source
+//         ^^^^^ - meta.tag - source
+//              ^^^^^^^ source.css.embedded.html - meta.tag
+//                     ^^^^^^^^ meta.tag - source
+//          ^^^^ punctuation.definition.comment.begin.html
+
+    <style> <!-- h1 {} --> </style>
+//  ^^^^^^^ meta.tag - source
+//         ^^^^^ - meta.tag - source
+//          ^^^^ punctuation.definition.comment.begin.html
+//              ^^^^^^^ source.css.embedded.html - meta.tag
+//                     ^^^^ - meta.tag - source
+//                     ^^^ comment.block.html punctuation.definition.comment.end.html
+//                         ^^^^^^^^ meta.tag - source
+
+
+    <style>
+
+// <- source.css.embedded.html
+
+    </style>
+// <- source.css.embedded.html - source source
+// ^ source.css.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style>
+    <!--
+//^^^^^^ - meta.tag - source
+//  ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//      ^ source.css.embedded.html - source source - meta.tag - comment
+    h1 {}
+// ^^^^^^^ source.css.embedded.html - source source - meta.tag
+    -->
+//^^ source.css.embedded.html - meta.tag - comment
+//  ^^^^ - source - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+    var i = 0;
+// ^^^^^^^^^^^^ - source
+    </style>
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style> <!--
+//  ^^^^^^^^^^^^ - source
+//  ^^^^^^^ meta.tag
+//  ^ punctuation.definition.tag.begin.html
+//   ^^^^^ entity.name.tag
+//        ^ punctuation.definition.tag.end.html
+//         ^ - meta.tag - comment
+//          ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//              ^ source.css.embedded.html - source source
+
+    h1 {}
+// <- source.css.embedded.html - source source
+
+    --> </style>
+// ^ source.css.embedded.html - source source
+//  ^^^^^^^^^^^^^ - source
+//     ^ - meta.tag - comment
+//      ^^^^^^^^ meta.tag
+//              ^ - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+//      ^^ punctuation.definition.tag.begin.html
+//        ^^^^^ entity.name.tag
+//             ^ punctuation.definition.tag.end.html
+
+
+    <style type="text/css"> <!--
+//  ^^^^^^^ meta.tag - meta.attribute-with-value - source
+//         ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value - source
+//                        ^ meta.tag - meta.attribute-with-value - source
+//                         ^^^^^ - meta.tag - source
+//   ^^^^^ entity.name.tag
+//         ^^^^ entity.other.attribute-name.html
+//             ^ punctuation.separator.key-value.html
+//              ^^^^^^^^^^ string.quoted.double.html
+//                          ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//                              ^ source.css.embedded.html
+
+    h1 {}
+// <- source.css.embedded.html - source source
+
+    --> </style>
+// ^ source.css.embedded.html - source source
+//  ^^^^^^^^^^^^^ - source
+//     ^ - meta.tag - comment
+//      ^^^^^^^^ meta.tag
+//              ^ - meta.tag
+//  ^^^ comment.block.html punctuation.definition.comment.end.html
+//      ^^ punctuation.definition.tag.begin.html
+//        ^^^^^ entity.name.tag
+//             ^ punctuation.definition.tag.end.html
+
+
+    <style
+    type
+//  ^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+    =
+    tExT/cSs>
+//  ^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+
+    h1 {}
+// <- source.css.embedded.html - source source
+
+    </style>
+// <- source.css.embedded.html - source source
+// ^ source.css.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style lang="less">  </style>
+//  ^^^^^^^^^^^^^^^^^^^ meta.tag - source
+//         ^^^^^^^^^^^ meta.attribute-with-value.html - meta.attribute-with-value meta.attribute-with-value
+//                     ^^ source.less.embedded.html - meta.tag
+//                       ^^^^^^^^ meta.tag - source
+
+
+    <style lang="less">
+
+// <- source.less.embedded.html - source source
+    </style>
+// <- source.less.embedded.html - source source
+//^^ source.less.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+    <style lang="less">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.less.embedded.html - source source
+        -->
+// ^^^^^ source.less.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </style>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style lang="postcss">
+
+// <- source.postcss.embedded.html - source source
+    </style>
+// <- source.postcss.embedded.html - source source
+//^^ source.postcss.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+    <style lang="postcss">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.postcss.embedded.html - source source
+        -->
+// ^^^^^ source.postcss.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </style>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style lang="postcss?parser=sugarss">
+
+// <- source.sss.embedded.html - source source
+    </style>
+// <- source.sss.embedded.html - source source
+//^^ source.sss.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+    <style lang="postcss?parser=sugarss">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.sss.embedded.html - source source
+        -->
+// ^^^^^ source.sss.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </style>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style lang="sass">
+
+// <- source.sass.embedded.html - source source
+    </style>
+// <- source.sass.embedded.html - source source
+//^^ source.sass.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+    <style lang="sass">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.sass.embedded.html - source source
+        -->
+// ^^^^^ source.sass.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </style>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^ meta.tag - source
+
+
+    <style lang="scss">
+
+// <- source.scss.embedded.html - source source
+    </style>
+// <- source.scss.embedded.html - source source
+//^^ source.scss.embedded.html - source source
+//  ^^^^^^^^ meta.tag - source
+
+    <style lang="scss">
+        <!--
+// ^^^^^^^^^ - source
+//      ^^^^ comment.block.html punctuation.definition.comment.begin.html
+//          ^ source.scss.embedded.html - source source
+        -->
+// ^^^^^ source.scss.embedded.html - source source
+//      ^^^ comment.block.html punctuation.definition.comment.end.html - source
+//         ^ - source - comment - meta.tag
+    </style>
+// <- - source - comment - meta.tag
+//^^ - source - comment - meta.tag
+//  ^^^^^^^^ meta.tag - source
diff --git a/tests/syntax_test_template.vue b/tests/syntax_test_template.vue
new file mode 100644
index 0000000..0035c86
--- /dev/null
+++ b/tests/syntax_test_template.vue
@@ -0,0 +1,112 @@
+// SYNTAX TEST "Vue Component.sublime-syntax"
+
+    <template>
+// <- text.html.vue - text text
+//  ^^^^^^^^^^ meta.tag.template.begin.html
+
+    </template>
+// <- text.html.vue - text text
+//  ^^^^^^^^^^^ meta.tag.template.end.html
+
+    </template><!-- stray template close tag -->
+// <- text.html.vue - text text
+//  ^^^^^^^^^^^ meta.tag.template.end.html
+
+    <template lang="jade"> foo </template>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag - source
+//                        ^^^^^ text.jade.embedded.html - meta.tag
+//                             ^^^^^^^^^^^ meta.tag - source
+
+    <template lang="jade"> foo --> </template>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag - source
+//                        ^^^^^ text.jade.embedded.html - meta.tag
+//                             ^^^^ - meta.tag - source
+//                             ^^^ comment.block.html punctuation.definition.comment.end.html
+//                                 ^^^^^^^^^^^ meta.tag - source
+
+    <template lang="jade"> <!-- foo </template>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag - source
+//                        ^^^^^ - meta.tag - source
+//                         ^^^^ punctuation.definition.comment.begin.html
+//                             ^^^^^ text.jade.embedded.html - meta.tag
+//                                  ^^^^^^^^^^^ meta.tag - source
+
+    <template lang="jade"> <!-- foo --> </template>
+//  ^^^^^^^^^^^^^^^^^^^^^^ meta.tag - source
+//                        ^^^^^ - meta.tag - source
+//                         ^^^^ punctuation.definition.comment.begin.html
+//                             ^^^^^ text.jade.embedded.html - meta.tag
+//                                  ^^^^ - meta.tag - source
+//                                  ^^^ comment.block.html punctuation.definition.comment.end.html
+//                                      ^^^^^^^^^^^ meta.tag - source
+
+
+    <template lang="jade">
+
+// <- text.jade.embedded.html
+
+    </template>
+// <- text.jade.embedded.html
+//^^ text.jade.embedded.html
+//  ^^^^^^^^^^^ meta.tag - meta.tag meta.tag - text.jade
+
+
+    <template lang="jade">
+//  ^^^^^^^^^^ meta.tag - meta.tag meta.tag - meta.attribute-with-value
+//            ^^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.tag meta.tag
+//                       ^ meta.tag.template.begin.html - meta.tag meta.tag
+//  ^ punctuation.definition.tag.begin.html
+//   ^^^^^^^^ entity.name.tag.template.html
+//            ^^^^ entity.other.attribute-name.html
+//                ^ punctuation.separator.key-value.html
+//                       ^ punctuation.definition.tag.end.html
+//                        ^ - text.jade
+
+// <- text.jade.embedded.html
+    </template>
+// <- text.jade.embedded.html
+//^^ text.jade.embedded.html
+//  ^^^^^^^^^^^ meta.tag - meta.tag meta.tag - text.jade
+//  ^^ punctuation.definition.tag.begin.html
+//    ^^^^^^^^ entity.name.tag.template.html
+//            ^ punctuation.definition.tag.end.html
+
+    <template lang="pug">
+//  ^^^^^^^^^^ meta.tag - meta.tag meta.tag - meta.attribute-with-value
+//            ^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.tag meta.tag
+//                      ^ meta.tag.template.begin.html - meta.tag meta.tag
+//  ^ punctuation.definition.tag.begin.html
+//   ^^^^^^^^ entity.name.tag.template.html
+//            ^^^^ entity.other.attribute-name.html
+//                ^ punctuation.separator.key-value.html
+//                      ^ punctuation.definition.tag.end.html
+//                       ^ - text.pug
+
+// <- text.pug.embedded.html
+    </template>
+// <- text.pug.embedded.html
+//^^ text.pug.embedded.html
+//  ^^^^^^^^^^^ meta.tag - meta.tag meta.tag - text.pug
+//  ^^ punctuation.definition.tag.begin.html
+//    ^^^^^^^^ entity.name.tag.template.html
+//            ^ punctuation.definition.tag.end.html
+
+    <template lang="slm">
+//  ^^^^^^^^^^ meta.tag - meta.tag meta.tag - meta.attribute-with-value
+//            ^^^^^^^^^^ meta.tag meta.attribute-with-value.html - meta.tag meta.tag
+//                      ^ meta.tag.template.begin.html - meta.tag meta.tag
+//  ^ punctuation.definition.tag.begin.html
+//   ^^^^^^^^ entity.name.tag.template.html
+//            ^^^^ entity.other.attribute-name.html
+//                ^ punctuation.separator.key-value.html
+//                      ^ punctuation.definition.tag.end.html
+//                       ^ - text.slm
+
+// <- text.slm.embedded.html
+    </template>
+// <- text.slm.embedded.html
+//^^ text.slm.embedded.html
+//  ^^^^^^^^^^^ meta.tag - meta.tag meta.tag - text.slm
+//  ^^ punctuation.definition.tag.begin.html
+//    ^^^^^^^^ entity.name.tag.template.html
+//            ^ punctuation.definition.tag.end.html
diff --git a/tests/syntax_tests_mustage.vue b/tests/syntax_tests_mustage.vue
new file mode 100644
index 0000000..693ae30
--- /dev/null
+++ b/tests/syntax_tests_mustage.vue
@@ -0,0 +1,147 @@
+// SYNTAX TEST "Vue Component.sublime-syntax"
+
+    <h1> {{ foo.text }} </h1>
+//       ^^^^^^^^^^^^^^ meta.interpolation.vue
+//       ^^ punctuation.definition.interpolation.begin.html
+//         ^^^^^^^^^^ source.js.embedded.vue
+//                   ^^ punctuation.definition.interpolation.end.html
+
+    <p {{foo.attrib}}>
+//     ^^^^^^^^^^^^^^ meta.interpolation.vue
+//     ^^ punctuation.definition.interpolation.begin.html
+//       ^^^^^^^^^^ source.js.embedded.vue
+//                 ^^ punctuation.definition.interpolation.end.html
+
+    <p attrib="{{ foo.value }}" >
+//            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
+//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
+//                            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
+//            ^ string.quoted.double.html punctuation.definition.string.begin.html
+//             ^^ punctuation.definition.interpolation.begin.html - source.js
+//               ^^^^^^^^^^^ source.js.embedded.vue
+//                          ^^ punctuation.definition.interpolation.end.html - source.js
+//                            ^ string.quoted.double.html punctuation.definition.string.end.html
+
+    <p attrib='{{ foo.value }}' >
+//            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
+//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
+//                            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
+//            ^ string.quoted.single.html punctuation.definition.string.begin.html
+//             ^^ punctuation.definition.interpolation.begin.html - source.js
+//               ^^^^^^^^^^^ source.js.embedded.vue
+//                          ^^ punctuation.definition.interpolation.end.html - source.js
+//                            ^ string.quoted.single.html punctuation.definition.string.end.html
+
+    <p attrib={{ foo.value }} >
+//            ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
+//            ^^ punctuation.definition.interpolation.begin.html - source.js
+//              ^^^^^^^^^^^ source.js.embedded.vue
+//                         ^^ punctuation.definition.interpolation.end.html - source.js
+
+    <p v-attrib="{'key': 'value'}">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue meta.mapping
+//                               ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                                ^ meta.tag - meta.attribute-with-value
+//                                 ^ - meta.tag
+
+    <p v-attrib="i = 0">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                     ^ meta.tag - meta.attribute-with-value
+//                      ^ - meta.tag
+
+    <p v-attrib='i = 0'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                     ^ meta.tag - meta.attribute-with-value
+//                      ^ - meta.tag
+
+    <p @handler="function_call($event)">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                                     ^ meta.tag - meta.attribute-with-value
+//                                      ^ - meta.tag
+
+    <p @handler='function_call($event)'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                                     ^ meta.tag - meta.attribute-with-value
+//                                      ^ - meta.tag
+
+    <p #handler="variable">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                       ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                        ^ meta.tag - meta.attribute-with-value
+//                         ^ - meta.tag
+
+    <p #handler='variable'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                       ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                        ^ meta.tag - meta.attribute-with-value
+//                         ^ - meta.tag
+
+    <p :handler="expression">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                         ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                          ^ meta.tag - meta.attribute-with-value
+//                           ^ - meta.tag
+
+    <p :handler='expression'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                         ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                          ^ meta.tag - meta.attribute-with-value
+//                           ^ - meta.tag
+
+    <template #[`content-${variable}`]>
+//            ^^^^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html
+//            ^ entity.other.attribute-name.html
+//             ^ meta.interpolation.vue punctuation.section.interpolation.begin.vue - source.js.embedded
+//              ^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.vue source.js.embedded.vue - entity.other.attribute-name.html
+//                                   ^ meta.interpolation.vue punctuation.definition.interpolation.end.vue - source.js.embedded
+//                                    ^ meta.tag - meta.attribute-with-value
+//                                     ^ - meta.tag
+
+    <template v-slot:[`content-${variable}`] >
+//            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html
+//            ^^^^^^^ entity.other.attribute-name.html
+//                   ^ meta.interpolation.vue punctuation.section.interpolation.begin.vue - source.js.embedded
+//                    ^^^^^^^^^^^^^^^^^^^^^ meta.interpolation.vue source.js.embedded.vue - entity.other.attribute-name.html
+//                                         ^ meta.interpolation.vue punctuation.definition.interpolation.end.vue - source.js.embedded
+//                                          ^ meta.tag - meta.interpolation
+//                                           ^ meta.tag - meta.attribute-with-value
+//                                            ^ - meta.tag
+
+</html>
diff --git a/vue.YAML-tmLanguage b/vue.YAML-tmLanguage
deleted file mode 100644
index 7582aef..0000000
--- a/vue.YAML-tmLanguage
+++ /dev/null
@@ -1,470 +0,0 @@
-# [PackageDev] target_format: plist, ext: tmLanguage
----
-name: Vue Component
-scopeName: text.html.vue
-fileTypes: [vue]
-uuid: 5512c10d-4cc5-434c-b8fc-53b912f55ab3
-
-patterns:
-- include: '#vue-interpolations'
-
-- name: meta.tag.any.html
-  begin: (<)([a-zA-Z0-9:-]++)(?=[^>]*></\2>)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.html}
-  end: (>)(<)(/)(\2)(>)
-  endCaptures:
-    '1': {name: punctuation.definition.tag.end.html}
-    '2': {name: punctuation.definition.tag.begin.html meta.scope.between-tag-pair.html}
-    '3': {name: punctuation.definition.tag.begin.html}
-    '4': {name: entity.name.tag.html}
-    '5': {name: punctuation.definition.tag.end.html}
-  patterns:
-  - include: '#tag-stuff'
-
-- name: meta.tag.preprocessor.xml.html
-  begin: (<\?)(xml)
-  end: (\?>)
-  captures:
-    '1': {name: punctuation.definition.tag.html}
-    '2': {name: entity.name.tag.xml.html}
-  patterns:
-  - include: '#tag-generic-attribute'
-  - include: '#string-double-quoted'
-  - include: '#string-single-quoted'
-
-- name: comment.block.html
-  begin: <!--
-  end: --\s*>
-  captures:
-    '0': {name: punctuation.definition.comment.html}
-  patterns:
-  - name: invalid.illegal.bad-comments-or-CDATA.html
-    match: --
-
-- name: meta.tag.sgml.html
-  begin: <!
-  end: '>'
-  captures:
-    '0': {name: punctuation.definition.tag.html}
-  patterns:
-  - name: meta.tag.sgml.doctype.html
-    begin: (?i:DOCTYPE)
-    end: (?=>)
-    captures:
-      '1': {name: entity.name.tag.doctype.html}
-    patterns:
-    - name: string.quoted.double.doctype.identifiers-and-DTDs.html
-      match: '"[^">]*"'
-  - name: constant.other.inline-data.html
-    begin: \[CDATA\[
-    end: ']](?=>)'
-  - name: invalid.illegal.bad-comments-or-CDATA.html
-    match: (\s*)(?!--|>)\S(\s*)
-
-- name: text.slm.embedded.html
-  begin: (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang=(['"])slm\1?)
-  end: (</)((?i:template))(>)(?:\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:template))
-    patterns:
-    - include: text.slm
-
-- name: text.jade.embedded.html
-  begin: (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang=(['"])jade\1?)
-  end: (</)((?i:template))(>)(?:\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:template))
-    patterns:
-    - include: text.jade
-
-- name: text.pug.embedded.html
-  begin: (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang=(['"])pug\1?)
-  end: (</)((?i:template))(>)(?:\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:template))
-    patterns:
-    - include: text.pug
-
-
-- name: source.stylus.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang=(['"])stylus\1?)
-  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.stylus
-
-- name: source.postcss.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang=(['"])postcss\1?)
-  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.postcss
-
-- name: source.sass.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang=(['"])sass\1?)
-  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.sass
-    - include: source.scss
-
-- name: source.scss.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang=(['"])scss\1?)
-  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.sass
-    - include: source.scss
-
-
-- name: source.less.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?=[^>]*lang=(['"])less\1?)
-  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.less
-
-- name: source.css.embedded.html
-  begin: (?:^\s+)?(<)((?i:style))\b(?![^>]*/>)
-  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.css
-
-- name: source.coffee.embedded.html
-  begin: (?:^\s+)?(<)((?i:script))\b(?=[^>]*lang=(['"])coffee\1?)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.script.html}
-  end: (?<=</(script|SCRIPT))(>)(?:\s*\n)?
-  endCaptures:
-    '2': {name: punctuation.definition.tag.html}
-  patterns:
-  - include: '#tag-stuff'
-  - begin: (?<!</(?:script|SCRIPT))(>)
-    end: (</)((?i:script))
-    captures:
-      '1': {name: punctuation.definition.tag.begin.html}
-      '2': {name: entity.name.tag.script.html}
-    patterns:
-    - include: source.coffee
-
-- name: source.livescript.embedded.html
-  begin: (?:^\s+)?(<)((?i:script))\b(?=[^>]*lang=(['"])livescript\1?)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.script.html}
-  end: (?<=</(script|SCRIPT))(>)(?:\s*\n)?
-  endCaptures:
-    '2': {name: punctuation.definition.tag.html}
-  patterns:
-  - include: '#tag-stuff'
-  - begin: (?<!</(?:script|SCRIPT))(>)
-    end: (</)((?i:script))
-    captures:
-      '1': {name: punctuation.definition.tag.begin.html}
-      '2': {name: entity.name.tag.script.html}
-    patterns:
-    - include: source.livescript
-
-- name: source.js.embedded.html
-  begin: (<)((?i:script))\b(?![^>]*/>)(?![^>]*(?i:type.?=.?text/((?!javascript|babel|ecmascript).*)))
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.script.html}
-  end: (?<=</(script|SCRIPT))(>)(?:\s*\n)?
-  endCaptures:
-    '2': {name: punctuation.definition.tag.html}
-  patterns:
-  - include: '#tag-stuff'
-  - begin: (?<!</(?:script|SCRIPT))(>)
-    end: (</)((?i:script))
-    captures:
-      '1': {name: punctuation.definition.tag.begin.html}
-      '2': {name: entity.name.tag.script.html}
-    patterns:
-    - name: comment.line.double-slash.js
-      match: (//).*?((?=</script)|$\n?)
-      captures:
-        '1': {name: punctuation.definition.comment.js}
-    - name: comment.block.js
-      begin: /\*
-      end: \*/|(?=</script)
-      captures:
-        '0': {name: punctuation.definition.comment.js}
-    - include: source.js
-
-- name: meta.tag.structure.any.html
-  begin: (</?)((?i:body|head|html)\b)
-  end: (>)
-  endCaptures:
-    '1': {name: punctuation.definition.tag.end.html}
-  captures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.structure.any.html}
-  patterns:
-  - include: '#tag-stuff'
-
-- name: meta.tag.block.any.html
-  begin: (</?)((?i:address|blockquote|dd|div|dl|dt|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|hr|menu|pre)\b)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.block.any.html}
-  end: (>)
-  endCaptures:
-    '1': {name: punctuation.definition.tag.end.html}
-  patterns:
-  - include: '#tag-stuff'
-
-- name: meta.tag.inline.any.html
-  begin: (</?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)\b)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.inline.any.html}
-  end: '((?: ?/)?>)'
-  endCaptures:
-    '1': {name: punctuation.definition.tag.end.html}
-  patterns:
-  - include: '#tag-stuff'
-
-- name: meta.tag.other.html
-  begin: (</?)([a-zA-Z0-9:-]+)
-  beginCaptures:
-    '1': {name: punctuation.definition.tag.begin.html}
-    '2': {name: entity.name.tag.other.html}
-  end: (>)
-  endCaptures:
-    '1': {name: punctuation.definition.tag.end.html}
-  patterns:
-  - include: '#tag-stuff'
-
-- include: '#entities'
-
-- name: invalid.illegal.incomplete.html
-  match: <>
-
-- name: invalid.illegal.bad-angle-bracket.html
-  match: <
-
-repository:
-  vue-interpolations:
-    patterns:
-    - name: expression.embbeded.vue
-      begin: \{\{\{?
-      end: \}\}\}?
-      beginCaptures:
-        '0': {name: punctuation.definition.generic.begin.html}
-      endCaptures:
-        '0': {name: punctuation.definition.generic.end.html}
-      patterns:
-      - include: source.js
-
-  vue-directives:
-    name: meta.directive.vue
-    begin: (?:\b(v-)|(:|@))([a-zA-Z\-]+)(?:\:([a-zA-Z\-]+))?(?:\.([a-zA-Z\-]+))*\s*(=)
-    end: (?<='|")
-    captures:
-      '1': {name: entity.other.attribute-name.html}
-      '2': {name: punctuation.separator.key-value.html}
-      '3': {name: entity.other.attribute-name.html}
-      '4': {name: entity.other.attribute-name.html}
-      '5': {name: entity.other.attribute-name.html}
-      '6': {name: punctuation.separator.key-value.html}
-    patterns:
-    - name: source.directive.vue
-      begin: '"'
-      beginCaptures:
-        '0': {name: punctuation.definition.string.begin.html}
-      end: '"'
-      endCaptures:
-        '0': {name: punctuation.definition.string.end.html}
-      patterns:
-      - include: source.js
-    - name: source.directive.vue
-      begin: ''''
-      beginCaptures:
-        '0': {name: punctuation.definition.string.begin.html}
-      end: ''''
-      endCaptures:
-        '0': {name: punctuation.definition.string.end.html}
-      patterns:
-      - include: source.js
-
-  entities:
-    patterns:
-    - name: constant.character.entity.html
-      match: (&)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)
-      captures:
-        '1': {name: punctuation.definition.entity.html}
-        '3': {name: punctuation.definition.entity.html}
-    - name: invalid.illegal.bad-ampersand.html
-      match: '&'
-
-  string-double-quoted:
-    name: string.quoted.double.html
-    begin: '"'
-    beginCaptures:
-      '0': {name: punctuation.definition.string.begin.html}
-    end: '"'
-    endCaptures:
-      '0': {name: punctuation.definition.string.end.html}
-    patterns:
-    - include: '#vue-interpolations'
-    - include: '#entities'
-
-  string-single-quoted:
-    name: string.quoted.single.html
-    begin: ''''
-    beginCaptures:
-      '0': {name: punctuation.definition.string.begin.html}
-    end: ''''
-    endCaptures:
-      '0': {name: punctuation.definition.string.end.html}
-    patterns:
-    - include: '#vue-interpolations'
-    - include: '#entities'
-
-  tag-generic-attribute:
-    name: entity.other.attribute-name.html
-    match: \b([a-zA-Z\-:]+)
-
-  tag-id-attribute:
-    name: meta.attribute-with-value.id.html
-    begin: \b(id)\b\s*(=)
-    end: (?<='|")
-    captures:
-      '1': {name: entity.other.attribute-name.id.html}
-      '2': {name: punctuation.separator.key-value.html}
-    patterns:
-    - name: string.quoted.double.html
-      contentName: meta.toc-list.id.html
-      begin: '"'
-      beginCaptures:
-        '0': {name: punctuation.definition.string.begin.html}
-      end: '"'
-      endCaptures:
-        '0': {name: punctuation.definition.string.end.html}
-      patterns:
-      - include: '#vue-interpolations'
-      - include: '#entities'
-    - name: string.quoted.single.html
-      contentName: meta.toc-list.id.html
-      begin: ''''
-      beginCaptures:
-        '0': {name: punctuation.definition.string.begin.html}
-      end: ''''
-      endCaptures:
-        '0': {name: punctuation.definition.string.end.html}
-      patterns:
-      - include: '#vue-interpolations'
-      - include: '#entities'
-
-  tag-stuff:
-    patterns:
-    - include: '#vue-directives'
-    - include: '#tag-id-attribute'
-    - include: '#tag-generic-attribute'
-    - include: '#string-double-quoted'
-    - include: '#string-single-quoted'
-
-foldingStartMarker: |-
-  (?x)
-  (<(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)\b.*?>
-  |<!--(?!.*--\s*>)
-  |^<!--\ \#tminclude\ (?>.*?-->)$
-  |<\?(?:php)?.*\b(if|for(each)?|while)\b.+:
-  |\{\{?(if|foreach|capture|literal|foreach|php|section|strip)
-  |\{\s*($|\?>\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/)))
-  )
-
-foldingStopMarker: |-
-  (?x)
-  (</(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)>
-  |^(?!.*?<!--).*?--\s*>
-  |^<!--\ end\ tminclude\ -->$
-  |<\?(?:php)?.*\bend(if|for(each)?|while)\b
-  |\{\{?/(if|foreach|capture|literal|foreach|php|section|strip)
-  |^[^{]*\}
-  )
-
-keyEquivalent: ^~H
diff --git a/vue.tmLanguage b/vue.tmLanguage
deleted file mode 100644
index b8f67f4..0000000
--- a/vue.tmLanguage
+++ /dev/null
@@ -1,1470 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>fileTypes</key>
-	<array>
-		<string>vue</string>
-	</array>
-	<key>foldingStartMarker</key>
-	<string>(?x)
-(&lt;(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)\b.*?&gt;
-|&lt;!--(?!.*--\s*&gt;)
-|^&lt;!--\ \#tminclude\ (?&gt;.*?--&gt;)$
-|&lt;\?(?:php)?.*\b(if|for(each)?|while)\b.+:
-|\{\{?(if|foreach|capture|literal|foreach|php|section|strip)
-|\{\s*($|\?&gt;\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/)))
-)</string>
-	<key>foldingStopMarker</key>
-	<string>(?x)
-(&lt;/(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)&gt;
-|^(?!.*?&lt;!--).*?--\s*&gt;
-|^&lt;!--\ end\ tminclude\ --&gt;$
-|&lt;\?(?:php)?.*\bend(if|for(each)?|while)\b
-|\{\{?/(if|foreach|capture|literal|foreach|php|section|strip)
-|^[^{]*\}
-)</string>
-	<key>keyEquivalent</key>
-	<string>^~H</string>
-	<key>name</key>
-	<string>Vue Component</string>
-	<key>patterns</key>
-	<array>
-		<dict>
-			<key>include</key>
-			<string>#vue-interpolations</string>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;)([a-zA-Z0-9:-]++)(?=[^&gt;]*&gt;&lt;/\2&gt;)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&gt;)(&lt;)(/)(\2)(&gt;)</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html meta.scope.between-tag-pair.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>4</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.html</string>
-				</dict>
-				<key>5</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>meta.tag.any.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;\?)(xml)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.xml.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(\?&gt;)</string>
-			<key>name</key>
-			<string>meta.tag.preprocessor.xml.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-generic-attribute</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#string-double-quoted</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#string-single-quoted</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>&lt;!--</string>
-			<key>captures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.comment.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>--\s*&gt;</string>
-			<key>name</key>
-			<string>comment.block.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>match</key>
-					<string>--</string>
-					<key>name</key>
-					<string>invalid.illegal.bad-comments-or-CDATA.html</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>&lt;!</string>
-			<key>captures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>&gt;</string>
-			<key>name</key>
-			<string>meta.tag.sgml.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>begin</key>
-					<string>(?i:DOCTYPE)</string>
-					<key>captures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>entity.name.tag.doctype.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&gt;)</string>
-					<key>name</key>
-					<string>meta.tag.sgml.doctype.html</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>match</key>
-							<string>"[^"&gt;]*"</string>
-							<key>name</key>
-							<string>string.quoted.double.doctype.identifiers-and-DTDs.html</string>
-						</dict>
-					</array>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>\[CDATA\[</string>
-					<key>end</key>
-					<string>]](?=&gt;)</string>
-					<key>name</key>
-					<string>constant.other.inline-data.html</string>
-				</dict>
-				<dict>
-					<key>match</key>
-					<string>(\s*)(?!--|&gt;)\S(\s*)</string>
-					<key>name</key>
-					<string>invalid.illegal.bad-comments-or-CDATA.html</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:template))\b(?=[^&gt;]*lang=(['"])slm\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:template))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>text.slm.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:template))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>text.slm</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:template))\b(?=[^&gt;]*lang=(['"])jade\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:template))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>text.jade.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:template))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>text.jade</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:template))\b(?=[^&gt;]*lang=(['"])pug\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:template))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>text.pug.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:template))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>text.pug</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?=[^&gt;]*lang=(['"])stylus\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.stylus.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.stylus</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?=[^&gt;]*lang=(['"])postcss\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.postcss.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.postcss</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?=[^&gt;]*lang=(['"])sass\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.sass.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.sass</string>
-						</dict>
-						<dict>
-							<key>include</key>
-							<string>source.scss</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?=[^&gt;]*lang=(['"])scss\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.scss.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.sass</string>
-						</dict>
-						<dict>
-							<key>include</key>
-							<string>source.scss</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?=[^&gt;]*lang=(['"])less\1?)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.less.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.less</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:style))\b(?![^&gt;]*/&gt;)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.style.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&lt;/)((?i:style))(&gt;)(?:\s*\n)?</string>
-			<key>name</key>
-			<string>source.css.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(&gt;)</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.end.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(?=&lt;/(?i:style))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.css</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:script))\b(?=[^&gt;]*lang=(['"])coffee\1?)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.script.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(?&lt;=&lt;/(script|SCRIPT))(&gt;)(?:\s*\n)?</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>source.coffee.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(?&lt;!&lt;/(?:script|SCRIPT))(&gt;)</string>
-					<key>captures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.begin.html</string>
-						</dict>
-						<key>2</key>
-						<dict>
-							<key>name</key>
-							<string>entity.name.tag.script.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(&lt;/)((?i:script))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.coffee</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(?:^\s+)?(&lt;)((?i:script))\b(?=[^&gt;]*lang=(['"])livescript\1?)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.script.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(?&lt;=&lt;/(script|SCRIPT))(&gt;)(?:\s*\n)?</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>source.livescript.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(?&lt;!&lt;/(?:script|SCRIPT))(&gt;)</string>
-					<key>captures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.begin.html</string>
-						</dict>
-						<key>2</key>
-						<dict>
-							<key>name</key>
-							<string>entity.name.tag.script.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(&lt;/)((?i:script))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.livescript</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;)((?i:script))\b(?![^&gt;]*/&gt;)(?![^&gt;]*(?i:type.?=.?text/((?!javascript|babel|ecmascript).*)))</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.script.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(?&lt;=&lt;/(script|SCRIPT))(&gt;)(?:\s*\n)?</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>source.js.embedded.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>(?&lt;!&lt;/(?:script|SCRIPT))(&gt;)</string>
-					<key>captures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.tag.begin.html</string>
-						</dict>
-						<key>2</key>
-						<dict>
-							<key>name</key>
-							<string>entity.name.tag.script.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>(&lt;/)((?i:script))</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>captures</key>
-							<dict>
-								<key>1</key>
-								<dict>
-									<key>name</key>
-									<string>punctuation.definition.comment.js</string>
-								</dict>
-							</dict>
-							<key>match</key>
-							<string>(//).*?((?=&lt;/script)|$\n?)</string>
-							<key>name</key>
-							<string>comment.line.double-slash.js</string>
-						</dict>
-						<dict>
-							<key>begin</key>
-							<string>/\*</string>
-							<key>captures</key>
-							<dict>
-								<key>0</key>
-								<dict>
-									<key>name</key>
-									<string>punctuation.definition.comment.js</string>
-								</dict>
-							</dict>
-							<key>end</key>
-							<string>\*/|(?=&lt;/script)</string>
-							<key>name</key>
-							<string>comment.block.js</string>
-						</dict>
-						<dict>
-							<key>include</key>
-							<string>source.js</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;/?)((?i:body|head|html)\b)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.structure.any.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&gt;)</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>meta.tag.structure.any.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;/?)((?i:address|blockquote|dd|div|dl|dt|fieldset|form|frame|frameset|h1|h2|h3|h4|h5|h6|iframe|noframes|object|ol|p|ul|applet|center|dir|hr|menu|pre)\b)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.block.any.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&gt;)</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>meta.tag.block.any.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;/?)((?i:a|abbr|acronym|area|b|base|basefont|bdo|big|br|button|caption|cite|code|col|colgroup|del|dfn|em|font|head|html|i|img|input|ins|isindex|kbd|label|legend|li|link|map|meta|noscript|optgroup|option|param|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|var)\b)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.inline.any.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>((?: ?/)?&gt;)</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>meta.tag.inline.any.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>begin</key>
-			<string>(&lt;/?)([a-zA-Z0-9:-]+)</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.begin.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>entity.name.tag.other.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(&gt;)</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.tag.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>meta.tag.other.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#tag-stuff</string>
-				</dict>
-			</array>
-		</dict>
-		<dict>
-			<key>include</key>
-			<string>#entities</string>
-		</dict>
-		<dict>
-			<key>match</key>
-			<string>&lt;&gt;</string>
-			<key>name</key>
-			<string>invalid.illegal.incomplete.html</string>
-		</dict>
-		<dict>
-			<key>match</key>
-			<string>&lt;</string>
-			<key>name</key>
-			<string>invalid.illegal.bad-angle-bracket.html</string>
-		</dict>
-	</array>
-	<key>repository</key>
-	<dict>
-		<key>entities</key>
-		<dict>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>captures</key>
-					<dict>
-						<key>1</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.entity.html</string>
-						</dict>
-						<key>3</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.entity.html</string>
-						</dict>
-					</dict>
-					<key>match</key>
-					<string>(&amp;)([a-zA-Z0-9]+|#[0-9]+|#x[0-9a-fA-F]+)(;)</string>
-					<key>name</key>
-					<string>constant.character.entity.html</string>
-				</dict>
-				<dict>
-					<key>match</key>
-					<string>&amp;</string>
-					<key>name</key>
-					<string>invalid.illegal.bad-ampersand.html</string>
-				</dict>
-			</array>
-		</dict>
-		<key>string-double-quoted</key>
-		<dict>
-			<key>begin</key>
-			<string>"</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.string.begin.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>"</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.string.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>string.quoted.double.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#vue-interpolations</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#entities</string>
-				</dict>
-			</array>
-		</dict>
-		<key>string-single-quoted</key>
-		<dict>
-			<key>begin</key>
-			<string>'</string>
-			<key>beginCaptures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.string.begin.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>'</string>
-			<key>endCaptures</key>
-			<dict>
-				<key>0</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.definition.string.end.html</string>
-				</dict>
-			</dict>
-			<key>name</key>
-			<string>string.quoted.single.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#vue-interpolations</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#entities</string>
-				</dict>
-			</array>
-		</dict>
-		<key>tag-generic-attribute</key>
-		<dict>
-			<key>match</key>
-			<string>\b([a-zA-Z\-:]+)</string>
-			<key>name</key>
-			<string>entity.other.attribute-name.html</string>
-		</dict>
-		<key>tag-id-attribute</key>
-		<dict>
-			<key>begin</key>
-			<string>\b(id)\b\s*(=)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>entity.other.attribute-name.id.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.separator.key-value.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(?&lt;='|")</string>
-			<key>name</key>
-			<string>meta.attribute-with-value.id.html</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>begin</key>
-					<string>"</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.begin.html</string>
-						</dict>
-					</dict>
-					<key>contentName</key>
-					<string>meta.toc-list.id.html</string>
-					<key>end</key>
-					<string>"</string>
-					<key>endCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.end.html</string>
-						</dict>
-					</dict>
-					<key>name</key>
-					<string>string.quoted.double.html</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>#vue-interpolations</string>
-						</dict>
-						<dict>
-							<key>include</key>
-							<string>#entities</string>
-						</dict>
-					</array>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>'</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.begin.html</string>
-						</dict>
-					</dict>
-					<key>contentName</key>
-					<string>meta.toc-list.id.html</string>
-					<key>end</key>
-					<string>'</string>
-					<key>endCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.end.html</string>
-						</dict>
-					</dict>
-					<key>name</key>
-					<string>string.quoted.single.html</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>#vue-interpolations</string>
-						</dict>
-						<dict>
-							<key>include</key>
-							<string>#entities</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<key>tag-stuff</key>
-		<dict>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>include</key>
-					<string>#vue-directives</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#tag-id-attribute</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#tag-generic-attribute</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#string-double-quoted</string>
-				</dict>
-				<dict>
-					<key>include</key>
-					<string>#string-single-quoted</string>
-				</dict>
-			</array>
-		</dict>
-		<key>vue-directives</key>
-		<dict>
-			<key>begin</key>
-			<string>(?:\b(v-)|(:|@))([a-zA-Z\-]+)(?:\:([a-zA-Z\-]+))?(?:\.([a-zA-Z\-]+))*\s*(=)</string>
-			<key>captures</key>
-			<dict>
-				<key>1</key>
-				<dict>
-					<key>name</key>
-					<string>entity.other.attribute-name.html</string>
-				</dict>
-				<key>2</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.separator.key-value.html</string>
-				</dict>
-				<key>3</key>
-				<dict>
-					<key>name</key>
-					<string>entity.other.attribute-name.html</string>
-				</dict>
-				<key>4</key>
-				<dict>
-					<key>name</key>
-					<string>entity.other.attribute-name.html</string>
-				</dict>
-				<key>5</key>
-				<dict>
-					<key>name</key>
-					<string>entity.other.attribute-name.html</string>
-				</dict>
-				<key>6</key>
-				<dict>
-					<key>name</key>
-					<string>punctuation.separator.key-value.html</string>
-				</dict>
-			</dict>
-			<key>end</key>
-			<string>(?&lt;='|")</string>
-			<key>name</key>
-			<string>meta.directive.vue</string>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>begin</key>
-					<string>"</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.begin.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>"</string>
-					<key>endCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.end.html</string>
-						</dict>
-					</dict>
-					<key>name</key>
-					<string>source.directive.vue</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.js</string>
-						</dict>
-					</array>
-				</dict>
-				<dict>
-					<key>begin</key>
-					<string>'</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.begin.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>'</string>
-					<key>endCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.string.end.html</string>
-						</dict>
-					</dict>
-					<key>name</key>
-					<string>source.directive.vue</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.js</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-		<key>vue-interpolations</key>
-		<dict>
-			<key>patterns</key>
-			<array>
-				<dict>
-					<key>begin</key>
-					<string>\{\{\{?</string>
-					<key>beginCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.generic.begin.html</string>
-						</dict>
-					</dict>
-					<key>end</key>
-					<string>\}\}\}?</string>
-					<key>endCaptures</key>
-					<dict>
-						<key>0</key>
-						<dict>
-							<key>name</key>
-							<string>punctuation.definition.generic.end.html</string>
-						</dict>
-					</dict>
-					<key>name</key>
-					<string>expression.embbeded.vue</string>
-					<key>patterns</key>
-					<array>
-						<dict>
-							<key>include</key>
-							<string>source.js</string>
-						</dict>
-					</array>
-				</dict>
-			</array>
-		</dict>
-	</dict>
-	<key>scopeName</key>
-	<string>text.html.vue</string>
-	<key>uuid</key>
-	<string>5512c10d-4cc5-434c-b8fc-53b912f55ab3</string>
-</dict>
-</plist>