ember.js - Chunk Ember Model Array -

i trying split model array of controller make easier display approach came not right. how access model array of controller can manipulated , still maintain computed properties of model?

controller:

export default ember.controller.extend({    queryparams: ['page'],   page: "",    playlists: ember.computed("model", function(){     var playlistcontent = this.get("model.content");     return _.chunk(playlistcontent, 3);   }),    actions: {     setpage(page){     this.set("page", page);   } }); 

template:

{{#each playlists |playlistgroup|}}   <div class="row">     {{#each playlistgroup |playlist|}}         <div class="col-md-4">             <div class="card playlist-card">                 <img class="card-img-top" src={{playlist._data.thumbnail}} alt="card image cap">                 <div class="card-block">                     <h4 class="card-title">{{playlist._data.title}}</h4>                     <p class="card-text">{{playlist._data.description}}</p>                 </div>             </div>         </div>     {{/each}}   </div> {{/each}} 

in route,

setupcontroller(controller,model){   this._super(...arguments);    controller.set('playlists',_.chunk(model, 3));  }