Alias bug

components.test-button.js

import Ember from 'ember';

export default Ember.Component.extend({
  contr: Ember.computed.alias('targetObject'),
  word: Ember.computed.alias('contr.word'),
  words: ['hello', 'world'],
  click: function() {
  	var i = Math.floor((Math.random() * 2));
    var word = this.words[i];
    this.set('word', word);
  },
  isWorld: function() {
    return this.get('word') === 'world';
  }.property('word')
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

controllers.index.js

import Ember from 'ember';

export default Ember.Controller.extend({
  application: Ember.inject.controller(),
  appName: Ember.computed.alias('application.appName'),
  altName: function() {
    return this.get('appName') + ', bro';
  }.property('appName')
});

templates.application.hbs

{{test-button}}
<h1>Welcome to {{word}}</h1>

templates.components.test-button.hbs

<button>Press me</button>
{{#if isWorld}}
	is world
{{/if}}

templates.index.hbs

<h1>Welcome to {{altName}}</h1>

twiddle.json

{
  "version": "0.4.8",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "http://builds.emberjs.com/tags/v2.0.1/ember.js",
    "ember-template-compiler": "http://builds.emberjs.com/tags/v2.0.1/ember-template-compiler.js"
  }
}