ember-data 3.7 relationships

controllers.application.js

import Controller from '@ember/controller';
import { reads } from '@ember/object/computed';

export default Controller.extend({
  bars: reads('model')
});

mirage.config.js

export default function() {
  this.resource('foo');
  this.resource('bar');
}

mirage.factories.bar.js

import { Factory } from 'ember-cli-mirage';

export default Factory.extend({
  name(i) { return `Bar-${i}`; }
});

mirage.factories.foo.js

import { Factory } from 'ember-cli-mirage';

export default Factory.extend({
  name(i) { return `Foo-${i}`; }
});

mirage.scenarios.default.js

export default function(server) {
  let foo = server.create('foo');
  server.createList('bar', 10, { foo });
}

mirage.serializers.application.js

import { JSONAPISerializer } from 'ember-cli-mirage';

export default JSONAPISerializer.extend({
  alwaysIncludeLinkageData: true,
});

models.bar.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('string'),
  foo: belongsTo('foo')
});

models.foo.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('string'),
  bars: hasMany('bar')
});

routes.application.js

import Route from '@ember/routing/route';

export default Route.extend({
  model() {
    return this.store.findAll('bar');
  }
});

templates.application.hbs

<ul>
  {{#each bars as |bar|}}
    <li>
      {{bar.name}}
      -
      {{#if bar.foo.isPending}}
        Loading&hellip;
      {{else}}
        {{bar.foo.name}}
      {{/if}}
    </li>
  {{else}}
    <li>No Bars!</li>
  {{/each}}
</ul>

twiddle.json

{
  "version": "0.15.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "ENV": {
    "ember-cli-mirage": {
      "enabled": true
    }
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
  },
  "addons": {
    "ember-data": "3.7.0",
    "ember-cli-mirage": "0.4.6"
  }
}