HTML comment spacing disrupts rendering about moon HOT 2 CLOSED

Let me follow up by saying that production code should never go out with casually-visible comments in it, so a proper dev stack would make sure they're removed--but just in case someone forgets....

from moon.

Hey, you're right, this is a bug in Moon. It has already been fixed in v0.10.0, which will be released soon, I'm aiming for Friday 😄

I made a demo of the issue (being fixed) with a development build of v0.10.0.

If I could get the data used in your demo, I could provide you with a working version that will work with v0.10.0.

I just have to update the docs, as some of the syntax and scoping has changed. For example, all directives will now be rendered as if they were in a mustache:

<div id="app">
  <h1 style="color: {{color}}" m-if="condition">Condition is {{condition}}</h1>
</div>

As you can see, the directive uses a syntax as if it were inside of a mustache, and a normal attribute uses mustache syntax. Along with this, mustaches will be able to have a valid Javascript expression. (That's right! Moon has a built in Javascript tokenizer that can analyze dependencies, in ~100 bytes!)

You will be able to do something like:

<div id="app">
  <h1>{{num * 10}}</h1>
</div>

By the way, Moon will remove all comments that are parsed, so if you open Developer Tools, you'll see the comment be removed.

from moon.