e" class="line-numbers-rows"><a href="#C1_L1" id=C1_L1></a></span></code></pre>
<p>Components must have at least one dash in their name. So <code>blog-post</code> is an acceptable
name, and so is <code>audio-player-controls</code>, but <code>post</code> is not. This prevents clashes with
current or future HTML element names, aligns Ember components with the W3C <a href="https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html">Custom
Elements</a>
spec, and ensures Ember detects the component