<Nested::Component
class="some classes
{{if (this.someHelper this.foo 12)
"classes when true"
"classes when false"
}}
"
@doAction={{fn this.someAction 120}}
@argB={{hash
foo="string"
bar=true
baz=120
yolo=(array 12 "string" (hash foo=this.something))
bax=(fn this.someAction 120)
}}
{{resize this.handleResize (fn this.idk 2 "str")}}
as |foo|
>
<:block as |foo, baz|>
{{foo}}
{{#let foo.bar 12 as |fooBar num|}}
<fooBar @num={{num}} @arg={{12}} />
{{/let}}
<baz.component />
</:block>
</Nested::Component>
{{#block-component property=@value prop-erty=this.value string="testing" onClick=(action "someAction" withParam) as |returnValue|}}
{{#each-in foo as |bar, baz|}}
{{inline-component foo=bar}}
{{else if value}}
{{else with foo}}
\{{escaped handlebars}}
{{else}}
{{! comment }}
{{!-- block }}
TODO: Indentation is broken after that
comment --}}
<a href class="{{if inside 'still highlight'}}"
onclick={{action foo}}>
{{escaped}}
{{{unescaped}}}
</a>
<MyIput type="text" oninput={{action (mut fooBar) value="target.value"}} />
<input type="text" oninput={{action (mut (fn fooBar 200)) value="target.value"}}>
<input {{on 'input' (fn this.doSomething 12 "string")}}
{{helper "string" 123}}
{{input value="foo"}}
{{textarea}}
{{/each-in}}
{{/block-component}}