machty / emblem.js

Emblem.js - Ember-friendly, indented syntax alternative for Handlebars.js

Home Page:http://emblemjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add support for yielded blocks in glimmer components

thec0keman opened this issue · comments

RFC 460 introduces the following syntax that currently does not work:

%Article
  %:title
    h1 = this.title
  %:body
    .byline = byline this.author
    .body = this.body 

=>

<Article>
  <title>
    <h1>
      {{this.title}}
    </h1>
  </title>
  <body>
    <div class="byline">
      {{byline this.author}}
    </div>
    <div class="body">
      {{this.body}}
    </div>
  </body>
</Article>

Instead of:

<Article>
  <:title>
    <h1>{{this.title}}</h1>
  </:title>
  <:body>
    <div class='byline'>{{byline this.author}}</div>
    <div class='body'>{{this.body}}</div>
  </:body>
</Article>