Component action forwarding

application.js

App.ApplicationRoute = Em.Route.extend({
  actions: {
    open: function(tweet) {
      var handle, url;
      handle = tweet.account.screen_name;
      url = "https://twitter.com/" + handle + "/status/" + tweet.tweet_id;
      return window.open(url, '_blank');
    }
  }
});

list.handlebars

{{ tweet-panel
   tweets=view.selectedTweets
   click="open" }}

tweet-panel.handlebars

<div id="panel">
  {{#each tweets}}
    <div class="tweet" {{action "click" this allowedKeys="any"}}>
      <p>{{text}}</p>
      <span class="retweet-count">{{retweet_count}}</span>
      <span class="favorite-count">{{favorite_count}}</span>
      <span class="date">{{formatDate date}}</span>
      <div class="account">– {{account.name}} (@{{account.screen_name}})</div>
    </div>
  {{/each}}
</div>

tweet-panel.js

App.TweetPanelComponent = Ember.Component.extend({
  actions: {
    click: function(tweet) {
      return this.sendAction("click", tweet);
    }
  }
});