import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Welcome Ember',

  test1: 'primitive',

  test2: {
    value: 1
  },

  detectValue1: Ember.observer('test1', function() {
		alert('changed')
	}),

  detectValue2: Ember.observer('test2', function() {
		alert('changed')
	}),

  detectValue3: Ember.observer('test2.value', function() {
		alert('changed')
	}),

  actions: {
    setValue1() {
      this.set('test1', 0);
    },

    setValue2() {
      this.set('test2', { value: 0 });
    },

    setValue3() {
      this.set('test2.value', 0);
    }
  }
});