markdown-it-ember

[Inline, SL, AB] . <MyComponent/> . <MyComponent/> . [Inline, SL, AB] with whitespace . <MyComponent /> . <MyComponent /> . [Inline, SL, AB] with whitespace and sub component . <My::Component /> . <My::Component /> . [Inline, ML, AB] with args on multiple lines . <MyComponent @foo="yes" @bar="no" /> after . <MyComponent @foo="yes" @bar="no" /> after . [Inline, ML, AB] with args on multiple lines (last line) . <MyComponent @foo="yes" @bar="no" /> . <MyComponent @foo="yes" @bar="no" /> . [Inline, ML, AB] with args on multiple lines and sub component . <My::Component @foo="yes" @bar="no" /> after . <My::Component @foo="yes" @bar="no" /> after . [Block, SL, AB] . <MyComponent></MyComponent> after . <MyComponent></MyComponent> after . [Block, SL, AB] with arguments . <MyComponent @param={{foo}}></MyComponent> after . <MyComponent @param={{foo}}></MyComponent> after . [Block, ML, AB] with arguments and block content . <MyComponent @param={{foo}}> hello world </MyComponent> after . <MyComponent @param={{foo}}> hello world </MyComponent> after . [Block, ML, AB] with arguments, block content and yield . <MyComponent @param={{foo}} as |my|> <my.Foo>Hello</my.Foo> <my.Bar>World</my.Bar> </MyComponent> after . <MyComponent @param={{foo}} as |my|> <my.Foo>Hello</my.Foo> <my.Bar>World</my.Bar> </MyComponent> after . [Block, ML, AB] with arguments, block content and yield and sub component . <My::Component @param={{foo}} as |my|> <my.Foo>Hello</my.Foo> <my.Bar>World</my.Bar> </My::Component> after . <My::Component @param={{foo}} as |my|> <my.Foo>Hello</my.Foo> <my.Bar>World</my.Bar> </My::Component> after . [Mixed, ML, AB] with everything . <My::Component @param={{foo}} as |my|> <my.Foo as |f|> <f.Bar /> </my.Foo> <my.Bar>World</my.Bar> </My::Component> after . <My::Component @param={{foo}} as |my|> <my.Foo as |f|> <f.Bar /> </my.Foo> <my.Bar>World</my.Bar> </My::Component> after . [Block, ML, AB] Nested components . <Demo @source="card.hbs"> <Card> Simplest Card </Card> </Demo> after . <Demo @source="card.hbs"> <Card> Simplest Card </Card> </Demo> after . [Block, SL, CB] . {{#my-component}}{{/my-component}} after . {{#my-component}}{{/my-component}} after . [Code Block, AB] Fenced block . ``` <MyComponent/> ``` after . <pre><code><MyComponent/> </code></pre> after . [Code Block, AB] Fenced block with values and modifiers . ``` <TextInput disabled={{true}} {{on "click" this.handleClick}}/> ``` after . <pre><code><TextInput disabled={{true}} {{on "click" this.handleClick}}/> </code></pre> after . [Code Block, AB] Fenced block with language . ```hbs <MyComponent/> ``` after . <pre><code class="language-hbs"><MyComponent/> </code></pre> after . [Code Block, AB] Fenced block with values and modifiers and language . ```hbs <TextInput disabled={{true}} {{on "click" this.handleClick}}/> ``` after . <pre><code class="language-hbs"><TextInput disabled={{true}} {{on "click" this.handleClick}}/> </code></pre> after . [Backticks, AB] Inline Fenced . text with a `<MyComponent/>` inside . text with a <code><MyComponent/></code> inside . [Backticks, AB] Inline Fenced with sub-component . text with a `<My::Component/>` inside . text with a <code><My::Component/></code> inside . [Code Block, CB] Fenced block . ``` {{MyComponent}} ``` after . <pre><code>{{MyComponent}} </code></pre> after . [Code Block, CB] Fenced block with language . ```hbs {{MyComponent}} ``` after . <pre><code class="language-hbs">{{MyComponent}} </code></pre> after . [Backticks, CB] Inline Fenced . text with a `{{MyComponent}}` inside . text with a <code>{{MyComponent}}</code> inside . [Backticks, CB] Inline Fenced with sub-component . text with a `{{My::Component}}` inside . text with a <code>{{My::Component}}</code> inside . [Paragraph, Block, ML, AB] with args on multiple lines . Lorem Ipsum <LinkTo @route="foo">bla </LinkTo> dolor sit amet after . Lorem Ipsum <LinkTo @route="foo">bla </LinkTo> dolor sit amet after . [Paragraph, Inline, SL, AB] with args on multiple lines . Lorem Ipsum <Foo/> dolor sit amet after . Lorem Ipsum <Foo/> dolor sit amet after .