ember.js property oopsie

1. bad.js

queryParams: ['draft'],
draft: null,

courses: function() {
  
  isDraft = this.get('draft');
  
  return this.get('model').filterBy('isDraft', isDraft).sortBy('name');
  
}.property('draft'); // courses are filtered when draft query param changes

2. fixed.js

courses: function() {
  
  isDraft = this.get('draft');
  
  return this.get('model').filterBy('isDraft', isDraft).sortBy('name');
  
}.property('draft', 'model.[]'); // now courses gets updated when records are added to store

3. better.coffee

queryParams: ['draft']
draft: null

courses: ( ->

  isDraft = @get('draft');
  
  @get('model').filterBy('isDraft', isDraft).sortBy('name')
  
).property('draft', 'model.[]')