dekimasoon / language-riot-tag Goto Github PK
View Code? Open in Web Editor NEWAtom Syntax highlight for Riot.js `.tag` components.
License: MIT License
Atom Syntax highlight for Riot.js `.tag` components.
License: MIT License
I'm using 0.2.0 and the heading tag is not being recognized correctly.
I'm totally new to , but I try to fix it here #3 .
Opened an issue here also
riot/riot#1996
Using Atom + Linter + Linter-eslint I can't get it to lint my .tag
Tried with no success to rename the tags .html
which I don't recommend anyway because you lose the HTML (Riot tag)
automatic syntax which is useful (for example for atom-beautify)
My setup:
Atom 1.10.2
Linter 1.11.6
Linter-eslint 7.3.2
Language-riot-tag 0.2.2
I put all the components in app/components/*.tag
and I'm using a gulp-riot
task to compile them inside scripts/*.js
Everything works fine but can't get the linter to work.
My feeling is that the linter-eslint
linter isn't being triggered for the HTML (Riot tag)
syntax and also for the HTML syntax.
I think this is probably the part of code involved:
https://github.com/AtomLinter/linter-eslint/blob/master/lib/main.js#L28-L44
And then this:
https://github.com/dekimasoon/language-riot-tag/blob/master/grammars/riot-tag.cson
Where do you think it's the problem?
Thank you! ๐
@dekimasoon , thanks for your work.
In the following tag the styles are not highlighted:
<less-import>
<button/>
<style scoped type="less">
@import "css/demo.less";
:scope {
display: inline-block;
}
button {
background: @primary;
color: fadeout(@base, @textfadeout);
cursor: pointer;
}
button when (luma(@primary) < 50%) {
color: fadeout(@reverse, @textfadeoutreverse);
}
button:active {
background: lighten(@primary,20%);
}
</style>
<script>
foo () {}
</script>
</less-import>
if I change type="less"
to type='less'
everything is fine.
Linux Mint x64 v17.2 + Atom v1.3.2 + language-riot-tag v0.1.1
PS: Maybe an Atom issue? your regexes seem correct.
I like being able to tab-expand my riot tag names, if I use .tag.html, but this is less than ideal. Is there a way to enable tab-expanding tag names for .tag files? tia.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.