search

vuejs / vue-syntax-highlight

💡 Sublime Text syntax highlighting for single-file Vue components
MIT License
1.49k stars 233 forks source link

Emmet completions not supported inside <style lang="*"></style>. #40

Closed degorov closed 8 years ago

degorov commented 8 years ago

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>
nite-knite commented 8 years ago

I can confirm this issue. Ctrl + E works in this case, but that's not convenient enough.

I'd like to add Vuejs Complete Package's behavior just for reference. That package makes tab work for stylus completion, but fails in creating new line with enter (as described in this issue). Vuejs Complete Package also fails to highlight jade snippets.

jpokrzyk commented 8 years ago

@nkCoding this PR https://github.com/vuejs/vue-syntax-highlight/pull/38 will fix the stylus enter key newline issue.

@degorov unfortunately it doesn't fix the emmet tab complete. But if you change https://github.com/vuejs/vue-syntax-highlight/blob/master/vue.tmLanguage#L286 from source.vue-stylus.embedded.html to source.sass.embedded.html making sublime think the stylus is sass code (and webpack still treats it as stylus) the tab complete for the emmet plugin works.

So you probably need to close this and open one over at https://github.com/billymoon/Stylus.

yyx990803 commented 8 years ago

This should be fixed in the latest version with the stylus package upgrade.