New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
});

mirage.config.js

export default function() {
  window.server = this;

  this.get('/people', function(schema, request){
    return {
      jsonapi: {
        version: "1.0"
      },
      data: [{
        type: "people",
        id: 1,
        attributes: {
          name: "Bob"
        },
        relationships: {
          addresses: {
            links: {
              related: "/addresses"
            }
          }
        }
      }]
    }
  });
  
  this.get('/addresses', function(schema, request){
    return {
      jsonapi: {
        version: "1.0"
      },
      data: [{
        type: "addresses",
        id: 1,
        attributes: {
          name: "Somewhere"
        }
      }]
    };
  });
};

models.address.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  name: attr()
});

models.person.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  name: attr(),
  addresses: hasMany()
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  store: Ember.inject.service(),
  model() {
    return this.get('store').findAll('person');
  }
});

templates.application.hbs

{{#each model as |person|}}
  <p>{{person.name}} - {{person.addresses.length}}</p>
{{/each}}

twiddle.json

{
  "version": "0.11.3",
  "ENV": {
    "ember-cli-mirage": {
      "enabled": true
    }
  },
  "EmberENV": {},
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.1",
    "ember-data": "canary",
    "ember-template-compiler": "2.11.0"
  },
  "addons": {
    "ember-cli-mirage": "0.2.4"
  }
}