Defining a Component
To define a component, run:
ember generate component my-component-name
Components must have at least one dash in their name. So blog-post is an acceptable name, and so is audio-player-controls, but post is not. This prevents clashes with current or future HTML element names, aligns Ember components with the W3C Custom Elements spec, and ensures Ember detects the components automatically.
A sample component template could look like this:
app/templates/components/blog-post