title: How to filter in a component?
body: <p>I want to filter one of the objects being passed into my component, however, the lack of answers when I Google this suggests I am going about solving this particular problem the wrong way, but it's hard to Google for what you're doing wrong :P</p>
  
  <p>My data model looks like this:</p>
  
  <pre><code>App.Browser = DS.Model.extend({
      slug: attr('string'),
      versions: DS.hasMany('version', {async: true})
  });
  
  App.Version = DS.Model.extend({
      browser: DS.belongsTo('browser'),
      version: attr('string'),
      status: attr('string')
  });
  </code></pre>
  
  <p>I want to create a component (<code>versions-list</code>) that, when passed a browser's versions will separate the versions into different groups based on their status (a string that is one of beta, current, or retired).</p>
  
  <pre><code>&lt;h1&gt;Beta Versions&lt;/h1&gt;
       Version 43.0&lt;br&gt;
       Version 42.0
  &lt;h1&gt;Current Version&lt;/h1&gt;
       Version 41.0
  &lt;h1&gt;Retired Versions&lt;/h1&gt;
       Version 40.0
       Version 39.0
  </code></pre>
  
  <p>What's the best way to go about doing this?</p>