import Ember from 'ember';

export default Ember.Component.extend({
  willRender() {
    // Set the "categories" property to a JavaScript object
    // with the category name as the key and the value a list
    // of products.
    this.set('categories', {
      'Bourbons': ['Bulleit', 'Four Roses', 'Woodford Reserve'],
      'Ryes': ['WhistlePig', 'High West']
    });
  },
  
  actions: {
    addCategoryBroken(category) {
      // This won't work!
      let categories = this.get('categories');
      categories[category] = [];
    },

    addCategoryPR(category) {
      let categories = this.get('categories');
      Ember.set(categories, category, []);
    },
    
    addCategory(category) {
    	this.set(`categories.${category}`, []);
  	}
  }
});