title: return first element from array as computed property from Ember controller subclass
body: <p>I am trying to return the first element of my array as a computed property to my template from my controller. My code is below. I am 100% about my array and template. Problem is my syntax about in the controller. 
  Basically my array is works made of Work objects. And I would ideally return the first element Work. Is that even possible in javascript? </p>
  
  <p>Best.</p>
  
  <p>//controller works.js</p>
  
  <pre><code>import Ember from "ember";
    export default Ember.Controller.extend({
    firstElement: function () {
      var arr = this.get('model');
      return arr[0];
      console.log(arr[0]);
    }.property('Work')
  });
  </code></pre>
  
  <p>//template works.js</p>
  
  <pre><code>&lt;div class="right"&gt;
    {{#liquid-with model as |currentModel|}}
      {{firstElement}}
    {{/liquid-with}}
  &lt;/div&gt;
  </code></pre>
  
  <p>//route works.js</p>
  
  <pre><code>import Ember from 'ember';
  
  var Work = Ember.Object.extend({
    name: '',
    year: '',
    description:'',
    image:'',
    logo:'',
  
    work_id: function() {
      return this.get('name').dasherize();
    }.property('name'),
  
  
  });
  
  var minibook = Work.create({
    id: 1,
    name: 'MINIBOOK',
    year: '2014',
    description:'MiniBook is an iphone app that explores storytelling in its own format. The format',
    image:'assets/images/minibook_iphone.png',
    logo:'assets/images/minibook_logo.png'
  });
  
  var poetics = Work.create({
    id: 2,
    name: 'POETICS',
    year: '2013',
    description:'Lorem Ipsum Poetics',
    image:'assets/images/poetics_iphone.png',
    logo:'assets/images/poetics_logo.png'
  });
  
  
  var WorksCollection = Ember.ArrayProxy.extend(Ember.SortableMixin, {
    sortProperties: ['id'],
    sortAscending: true,
    content: []
   });
  
  
  var works = WorksCollection.create();
  
  works.pushObjects([poetics, minibook]);
  
  
  export default Ember.Route.extend({
    model: function() {
      return works;
    }
  
  
  });
  </code></pre>