Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vue.js single-file component support #2810

Closed
jimutt opened this issue Dec 14, 2015 · 27 comments
Closed

Vue.js single-file component support #2810

jimutt opened this issue Dec 14, 2015 · 27 comments

Comments

@jimutt
Copy link

jimutt commented Dec 14, 2015

I would love to see support for files using different languages in the same file. Especially the single-component files you often use when working with Vue.js. See this picture for an example: http://vuejs.org/images/vue-component-with-pre-processors.png. For more information: http://vuejs.org/guide/application.html#Single_File_Components

There is a highlighting plugin for .vue files available for Sublime: https://github.com/vuejs/vue-syntax-highlight

@boustanihani
Copy link

any updates on this ?

@tremendus
Copy link

I agree. Is anyone following this? Can we import our own syntax highlighting using the sublime/atom syntax highlighters? this is the missing link from me using the product, as I work in Vue all day, love to figure out if it will become supported or if not where its something we can customize in the back door?

@wwq-sgxy
Copy link

I agree also.

@Piterden
Copy link

Me too

@boustanihani
Copy link

👍

@web812
Copy link

web812 commented Feb 19, 2017

me too!!!

@ghost
Copy link

ghost commented Feb 19, 2017

Agreed!

@asdred
Copy link

asdred commented Mar 25, 2017

Will be awesome

@Piterden
Copy link

CodeMirror supports Vue @asdred

@boustanihani
Copy link

Any updates on this ?

@Piterden
Copy link

Ya, https://codemirror.net/

@boustanihani
Copy link

Is there a way to use CodeMirror inside Cloud9 ?

@Piterden
Copy link

If they don't want to implement vue syntax, maybe you should think about change it? Actually, they even not answering...

@boustanihani
Copy link

Very sad :( Vue is so popular and I am a premium user I. I hope this gets implemented soon.

@Piterden
Copy link

Well, happy waiting, thread started in Dec 14, 2015

@nightwing
Copy link
Member

@boustanihani vue files seem to be simple html files with different extension, and cloud9 sets html extension for them by default https://github.com/c9/core/blob/master/node_modules/ace/lib/ace/ext/modelist.js#L94

Do you get a different mode, or does html mode not work as you are expecting?

@Piterden
Copy link

Does your HTML-mode support lang attributes in <template>, <script> and <style> tags?

@nightwing
Copy link
Member

@Piterden, no, they support only html/js/css.
Id there a list of possible values for this lang attributes?

@boustanihani
Copy link

Code formatting is not working inside the <template> and the <style> tags.

@nightwing
Copy link
Member

@boustanihani, code formatting is not related to this issue, since you are a premium customer, please open a support ticket, and show examples of files for which code formatting does not work as expected, this issue is about syntax highlighting.

@boustanihani
Copy link

I already did this month ago

@nightwing
Copy link
Member

@Piterden thanks, i am working on a update for syntax highlighter, which will make embedding languages easy, it will be ready in about 2 weeks.

@boustanihani i am sorry, i am not able to find anything related to your report. And as for as i can see code formatting works now for basic things, so there must be a subtler issue.

@Piterden
Copy link

@nightwing If it would be opensource, then there is a big chance we go back from CM 😉

@metacurb
Copy link

Any update on this?

@andrewnester andrewnester added the p1 label May 9, 2022
@InspiredGuy
Copy link
Contributor

Contributions for this would be highly appreciated. There is a guide how to approach adding a syntax highlighter here, and Vue syntax highlighter for other tools at their GitHub - it could be a good start.

@mkslanc mkslanc mentioned this issue Feb 15, 2024
@InspiredGuy
Copy link
Contributor

Vue language mode was added in #5483 and should be already available in latest Ace version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests