return first model emeber js template

i have a ember js router that retrive a list of models,

import Ember from 'ember';

export default Ember.Route.extend({

  model() {
    return this.get('store').findAll('article');
  }
});

I want to get the first model in the list inside my template, so i tried :

but that didn't worked, the article-preview component didn't receive the article model.

i tried this to see if the problem is in the component article-preview, but that worked.