dekimasoon/language-riot-tag

Atom Syntax highlight for Riot.js `.tag` components.

language-riot-tag's Issues

Not working with Atom linter-eslint?

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! 😄

tag name expansion

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.

Not recognize heading tag correctly

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 .

Can not get syntax highlights for style tag with double-quoted value in its `type`

@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.

Doesn't support optional quotes tag attribute syntax?

<div class="{ show:true, popular:isPopular }">This syntax highlighting works</div>
<div class={ show:true, popular:isPopular }>This syntax highlighting breaks</div>

But so far just having this package available has been very helpful. Thanks!