This is a conversion of my sublime-tag extension to do syntax highlighting for Riot js tag files. This extension supports HTML, Jade, Stylus and Coffeescript within script tags.
With this plugin you can use
This will then have correct syntax highlighting.
If you like white space sensitive languages, Jade can be a very succinct way to write your tags. The compile process converts all this to html before usage, so there are no overheads to your packages tags. Riot-tag(Jade) supports Jade syntax highlighting, along with embedded coffeescript, stylus and normal JS.
Since 0.7 Riot(Jade) now highlights Css and Stylus correctly within style tags.
You can use stylus within your riot tags, the syntax highlighting requires you to have the stylus syntax highlighting install too. To compile stylus you'll also need stylus included in your compile process (see browserify tip below).
Inside visual studio code
The package contains 2 syntax highlighters riot(html) and riot(jade). If VSCode picks the wrong one, you can specify the correct one in your settings file.
Using with Browserify
If you like the idea of using Jade, Coffeescript, Stylus etc with your riot tags, adding the below to your package.json file should get you most of the way. Just swap out the package names if you'd prefer not to use any of the compile steps. Non of this is neccesary for riot, but it took me a while to work this out when I started our with riot, once in place it can make a nice workflow.
If you have any problems, feedback or just fancy staring this project see https://github.com/crisward/riot-tag
0.1.1 Can now use