Ember Mocks:How do I use them?

Hey everyone, I just wanted to ask how to use the mocks in ember-cli. I have generated one with ember g http-mock components and I placed the namespace: 'api' In my application adapter. When I go to http://localhost:4200/api/components/ I get an array returned with all my data however I am not sure how to actually connect it into my app. I am trying to print the components by name with something like {{#each component in components}}<li>{{component.name}}</li>{{/each}} but I know I am missing something in between. Any help would be greatly appreciated.

Thanks in advance, Mooror