From 909afa5384d6dcd01f7d883fe2b8b6067f970a26 Mon Sep 17 00:00:00 2001 From: Gustavo Vargas Date: Fri, 26 Aug 2016 11:05:10 -0300 Subject: [PATCH 01/18] added slm template syntax (#66) --- vue.YAML-tmLanguage | 16 ++++++++++++++ vue.tmLanguage | 54 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) diff --git a/vue.YAML-tmLanguage b/vue.YAML-tmLanguage index 2d127a1..7a44366 100644 --- a/vue.YAML-tmLanguage +++ b/vue.YAML-tmLanguage @@ -63,6 +63,22 @@ patterns: - name: invalid.illegal.bad-comments-or-CDATA.html match: (\s*)(?!--|>)\S(\s*) +- name: text.slm.embedded.html + begin: (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang="slm(?:\?[^"]*)?") + end: ()(?:\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: (?=]*lang="jade(?:\?[^"]*)?") end: ()(?:\s*\n)? diff --git a/vue.tmLanguage b/vue.tmLanguage index 1b959f0..d9d96dd 100644 --- a/vue.tmLanguage +++ b/vue.tmLanguage @@ -209,6 +209,60 @@ + + begin + (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang="slm(?:\?[^"]*)?") + captures + + 1 + + name + punctuation.definition.tag.begin.html + + 2 + + name + entity.name.tag.style.html + + 3 + + name + punctuation.definition.tag.html + + + end + (</)((?i:template))(>)(?:\s*\n)? + name + text.slm.embedded.html + patterns + + + include + #tag-stuff + + + begin + (>) + beginCaptures + + 1 + + name + punctuation.definition.tag.end.html + + + end + (?=</(?i:template)) + patterns + + + include + text.slm + + + + + begin (?:^\s+)?(<)((?i:template))\b(?=[^>]*lang="jade(?:\?[^"]*)?") From f95b61a40dbae2d415a5a9fed90d46a59a3df0cb Mon Sep 17 00:00:00 2001 From: Taylor Zane Glaeser Date: Wed, 14 Sep 2016 09:18:02 -0500 Subject: [PATCH 02/18] Resolved auto-closing tag bug (#67) (#69) --- vue.YAML-tmLanguage | 4 ++-- vue.tmLanguage | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/vue.YAML-tmLanguage b/vue.YAML-tmLanguage index 7a44366..6c35f65 100644 --- a/vue.YAML-tmLanguage +++ b/vue.YAML-tmLanguage @@ -314,9 +314,9 @@ repository: begin: \{\{\{? end: \}\}\}? beginCaptures: - '0': {name: punctuation.definition.tag.begin.html} + '0': {name: punctuation.definition.generic.begin.html} endCaptures: - '0': {name: punctuation.definition.tag.end.html} + '0': {name: punctuation.definition.generic.end.html} patterns: - include: source.js diff --git a/vue.tmLanguage b/vue.tmLanguage index d9d96dd..b6a1fff 100644 --- a/vue.tmLanguage +++ b/vue.tmLanguage @@ -1374,7 +1374,7 @@ 0 name - punctuation.definition.tag.begin.html + punctuation.definition.generic.begin.html end @@ -1384,7 +1384,7 @@ 0 name - punctuation.definition.tag.end.html + punctuation.definition.generic.end.html name From e6f8cd966813296bc1b9eb63a82eda3d206fe171 Mon Sep 17 00:00:00 2001 From: Evan You Date: Sat, 22 Oct 2016 11:28:51 +0800 Subject: [PATCH 03/18] Update README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 8186ca2..e49c74e 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,10 @@ Sublime Text Syntax highlighting for single-file [Vue.js](http://vuejs.org) comp **NOTE:** You still need to install corresponding packages for pre-processors (e.g. Jade, SASS, CoffeeScript) to get proper syntax highlighting for them. +### Enabling JSX Highlighting + +The ` + + diff --git a/samples/langs.vue b/samples/langs.vue new file mode 100644 index 0000000..bb6d2bc --- /dev/null +++ b/samples/langs.vue @@ -0,0 +1,28 @@ + + + + + + + From 473fb79450f08349b822de5d4a8ed53301875a25 Mon Sep 17 00:00:00 2001 From: Evan You Date: Fri, 26 Jan 2018 13:24:58 -0500 Subject: [PATCH 12/18] readme --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index e49c74e..577d8bc 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,11 @@ # Vue Syntax Highlight +**Note:** The `master` branch hosts the `tmLanguage` based implementation that is distributed to Sublime Text build < 3153. It is also used to power GitHub's syntax highlight of `*.vue` files in [linguist](https://github.com/github/linguist). + +For a newer implementation of the syntax that is distributed to build >=3153, See the [new](https://github.com/vuejs/vue-syntax-highlight/tree/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) From 5c2b5afbb3e71c87aca1eda626edbb4506571072 Mon Sep 17 00:00:00 2001 From: Evan You Date: Fri, 26 Jan 2018 13:26:22 -0500 Subject: [PATCH 13/18] use newer screenshot --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 577d8bc..57b07ad 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ For a newer implementation of the syntax that is distributed to build >=3153, Se 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) +![screenshot](https://raw.githubusercontent.com/vuejs/vue-syntax-highlight/new/samples/screenshot.png) ### Install From 496004255cc43a3c0c8fc8a041e5ff1cc66bac01 Mon Sep 17 00:00:00 2001 From: Evan You Date: Wed, 28 Feb 2018 09:37:03 -0500 Subject: [PATCH 14/18] fix scss highlight (close #52) --- samples/basic.vue | 3 ++- samples/langs.vue | 13 +++++++++++++ vue.YAML-tmLanguage | 3 --- vue.tmLanguage | 8 -------- 4 files changed, 15 insertions(+), 12 deletions(-) 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: + @click="onClick('hello')" + @click.prevent="onClick('hello')"> Hello diff --git a/samples/langs.vue b/samples/langs.vue index bb6d2bc..b96fc7c 100644 --- a/samples/langs.vue +++ b/samples/langs.vue @@ -14,6 +14,19 @@ body color primary-color + + + +