span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
<span aria-hidden="true" class="line-numbers-rows"><a href="#C3_L1" id=C3_L1></a><a href="#C3_L2" id=C3_L2></a></span></code></pre></div>
<p>You can see that we've replaced <code>{{body}}</code> with <code>{{yield}}</code>. This tells
Ember that this content will be provided when the component is used.</p>
<p>Next, we'll update the template using t