Not sure if I'm missing a component, but this is not working at all for me. Could it be a problem with the latest version of Sublime? There seem to also be some problems rendering jade blocks in Markdown Extended too; though scss still works fine there

Within '.vue' files, toggling comments, incorrectly uses HTML comments instead of Stylus comments.

Commenting works correctly in standalone '.styl' files.

Does this issue belong here?

Thanks,
Victor

i realy installed vue-syntax-highlight
but scss can't highlight

我看看能不能自己改改看。

im use Syntax-highlighting-for-Sass but no highlight no tab key support

this is fix case:
L340 source.scss.embedded.html
L364 source.scss

// Emmet.sublime-settings L53
"disabled_single_snippet_for_scopes": ""

This may not be something you intend to support, but the awesome new directive expression highlighting does not work in jade:

When creating a new php file in Sublime (Build 3103), if php content is pasted into the file before any other content is created, the file automatically gets it's syntax set to Vue Component, which is obviously incorrect since it's not a .vue file.

While I've only played with creating syntax files in sublime, I'm pretty sure this is due to these lines here: https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.tmLanguage#L9-L10 which are looking at the first line to see if it's doctype, html or php tags. I'm unsure why this is included in the syntax file since none of those three are tags that would represent a .vue component file.

proper coffee highlight http://i65.tinypic.com/k03p0o_th.png

<template>
</template>

<script lang='iced'>

module.exports =
  data : ()->
    for some in stuff
      do_something
    list = []
</script>

<style>
</style>

transforms to : http://i63.tinypic.com/35ldlqs_th.png
Not all lines after including style are broken.
This partially cures highlight

<template>
</template>

<script lang='iced'>

module.exports =
  data : ()->
    for some in stuff
      # )
      do_something
    list = []
</script>

<style>
</style>

Result: http://i68.tinypic.com/2di4wb4_th.png

Also comments and heredoc rendered wrongly.

Sublime build 3103
Better CoffeeScript plugin used. v2014.12.2819.15.55
Vue Syntax Highlight v2.1.3

请问配图中 Sublime Text 配色主题是什么？

I've noticed that Sublime highlights && as if there is an error when you are putting multiple conditions in a v-if statement... is this a bug or are we not supposed to use this in Vue?

My new Sublime build wrecks the highlighting...

Anyone else with these issues?

When using the word class inside templates attributes, this happens:

And the highlighter handles the script content as if it is a template content.

when using <style lang="sass"> would be awesome if 'scss' could be specified as syntax.

let and strings in back-ticks aren't highlighted properly:

Sublime Text 3 build 3114
vue-syntax-highlight is up to date

If you try to comment in script it gives you comment for template.

_Tested on: Sublime Text 3114_

_edit_
Problem occured when "Laravel Blade Highlighter" package is enabled.

Vue syntax wraps <script> tags in scope source.js.embedded.html.

while html syntax does not.

Reported the same issue in Riotjs syntax as well. riot/syntax-highlight#4. Would be nice to have a fix, so I don't have to dirty check content in jonlabelle/SublimeJsPrettier#18

i like this style,but i use atom.

lang="coffee" won't set syntax highlighting, while lang="coffeescript"will raise an error Module not found: Error: Cannot resolve module 'coffeescript'. So would there add lang="coffee" support?

I thought this is something on my end, until my colleague told me he is having same problem. Here is very similar issue I just found.

Jade syntax highlighting on .vue files stopped working, a day ago. After some digging, I found out, that this commit from davidrios/jade-tmbundle is causing this issue. As I workaround, I've cloned that jade package manually and reverted to that commit. .jade files are fine though.

Using Sublime 3 (3083) on Ubuntu 14.04.

This is something Sublime itself is lacking, and plugins such as JavaScript Next and Babel fix.

For instance the new method declaration is treated as a method call.

1. entity.name.function,js
   function doStuff() {
   }

2. meta.function-call.js
   var ob = {
   doStuff() {
   }
   }

In Next, they're called entity.name.method.js and entity.name.function.js

hello Evan
I have SCSS package installed in my sublime text.
The hightlight only worked when I changed the line 298 of vue.tmLanguage to <string>source.scss</string>
Best,
Marlus

Please consider adding the support for JSX.

Opening this here as this is the grammar used by GitHub's Linguist for Vue syntax highlighting on GitHub.

Using single quotes, Jade/Pug doesn't highlight at all and SCSS @extend and variables behave strangely as it uses the CSS grammar:

<template lang='jade'>
div
  if hello
    p Hello
    else
      p World
</template>

<style lang='scss'>
  @import '~styles/main.scss';
  section[role='alert'] {
    @extend .alert;
    background: $white;
  }
</style>

Using double quotes they are fine:

<template lang="jade">
div
  if hello
    p Hello
    else
      p World
</template>

<style lang="scss">
  @import '~styles/main.scss';
  section[role='alert'] {
    @extend .alert;
    background: $white;
  }
</style>

因为sublime 3默认的js语法高亮好像对es6支持的不太好，比如
export default {
data () {
//.........
}
}
这里的 data 是白色的没有颜色）

我的sulime安装了babel插件，单独的js文件，可以切换到 Javascript(babel)，但当写Vue Component时，只能用默认的高亮，这时 data JSON Array等都是无颜色的。怎么解决呢？

谢谢

ST2, already installed SCSS and Jade Syntax Plugins

Please, add the option to set the style lang to postcss, pcss and sss (SugarSS).

See vuejs/Discussion#307 for description of issue.

I found out, that it's caused by this change. When reverting back this change (by manually editing that file), it works fine.

Less syntax breaks on some cases, especially when nesting.

Don't even know if this issue should be posted here or in the emmet-sublime repository. But completions DO work with pure stylus or less files.

To reproduce:

<style lang="stylus">
    body
        m0  <-- press TAB here and nothing happens
</style>

You can see that curly braces and semi colons are showing as errors when they are actually valid.

Thank you very much for this package. Is there any way to enable eslint to validate javascript in .vue files?

Any help is greatly appreciated.

When using Sublime Text (dev 3102) and the vue-syntax-highlight library, auto-closing a tag with string interpolation causes Sublime Text to use the wrong closing tag.

Example:

<template>
  <div id="foo">{{ test }}
</template>

When adding </ after {{ test }}, the following occurs.

<template>
  <div id="foo">{{ test }}</{>
</template>

I would imagine this is a bug with ST3's auto-closing feature, but it's possible it's a bug with the syntax definition, so I'm posting this here.

Syntax highlighting is completely broken when using the beautiful spread-operator.

There is a small bug in the syntax highlighting when using jade templates

Anything following the close of the template tag has incorrect or inconsistent colors, eg:

<!-- template -->
<template lang="jade">
...
</template>

<style lang="stylus">
@import '../shared'
.complete 
    text-decoration line-through
</style>

... offers different stylus syntax highlighting than: note the @import statement

<!-- template -->
<template>
...
</template>

<style lang="stylus">
@import '../shared'
.complete 
    text-decoration line-through
</style>

of course this is with stylus and jade syntax highlighting installed in ST3

It would nice to this Little helper in Will Bonds "Package Control" https://sublime.wbond.net/docs/submitting_a_package

难道是 Ubuntu Mono 么？

Editor: Sublime Text 3

An error here!

There is no hignlight!

What can I do?

Configure some what?

Jade is now renamed to Pug, see the issue: pugjs/pug#2184