Ember Data Included Issues

adapters.application.js

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  namespace: 'api',
  coalesceFindRequests: false
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

mirage.config.js

export default function() {

  this.urlPrefix = '';
  this.namespace = 'api';
  this.timing = 400;

  this.resource('playlists');
  this.resource('playlist-tracks');
  this.resource('artists');
  this.resource('tracks');
}

mirage.factories.playlist.js

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

export default Factory.extend({
  name: i => `Playlist ${i + 1}`
});

mirage.fixtures.artists.js

export default [
  { id: 'parkway-drive', name: 'Parkway Drive' },
  { id: 'goldfinger', name: 'Goldfinger' },
  { id: 'pennywise', name: 'Pennywise' },
  { id: 'in-flames', name: 'In Flames' },
  { id: 'talco', name: 'Talco' },
  { id: 'nofx', name: 'NOFX' },
  { id: 'authority-zero', name: 'Authority Zero' },
  { id: 'disturbed', name: 'Disturbed' },
  { id: 'breakdown-of-sanity', name: 'Breakdown of Sanity' },
  { id: 'honningbarna', name: 'Honningbarna' },
  { id: 'morcheeba', name: 'Morcheeba' },
  { id: 'no-use-for-a-name', name: 'No Use for a Name' },
  { id: 'the-suicide-machines', name: 'The Suicide Machines' },
  { id: 'mad-caddies', name: 'Mad Caddies' },
  { id: 'rise-against', name: 'Rise Against' },
  { id: 'no-fun-at-all', name: 'No Fun at All' },
  { id: 'billy-talent', name: 'Billy Talent' },
  { id: 'rage-against-the-machine', name: 'Rage Against the Machine' },
  { id: 'noisia', name: 'Noisia' },
];

mirage.fixtures.tracks.js

export default [
  { artistId: 'parkway-drive', title: 'Crushed' },
  { artistId: 'parkway-drive', title: 'Idols and Anchors' },
  { artistId: 'parkway-drive', title: 'Wild Eyes' },
  { artistId: 'parkway-drive', title: 'Alone' },
  { artistId: 'parkway-drive', title: 'Dream Run' },
  { artistId: 'parkway-drive', title: 'Sleepwalker' },
  { artistId: 'parkway-drive', title: 'Home Is For The Heartless' },
  { artistId: 'parkway-drive', title: 'Carrion' },
  { artistId: 'parkway-drive', title: 'Frostbite' },
  { artistId: 'parkway-drive', title: 'Wreckage' },

  { artistId: 'goldfinger', title: 'Behind the Mask' },
  { artistId: 'goldfinger', title: 'Get Up' },
  { artistId: 'goldfinger', title: 'Superman' },
  { artistId: 'goldfinger', title: 'Handjobs For Jesus' },
  { artistId: 'goldfinger', title: 'Open Your Eyes' },
  { artistId: 'goldfinger', title: 'Spokesman' },
  { artistId: 'goldfinger', title: 'My Everything' },
  { artistId: 'goldfinger', title: 'Carry Open' },
  { artistId: 'goldfinger', title: 'Goodbye' },
  { artistId: 'goldfinger', title: 'Here In Your Bedroom' },

  { artistId: 'pennywise', title: 'Fuck Authority' },
  { artistId: 'pennywise', title: 'My God' },
  { artistId: 'pennywise', title: 'Divine Intervation' },
  { artistId: 'pennywise', title: 'Enemy' },
  { artistId: 'pennywise', title: 'Anyone Listening' },
  { artistId: 'pennywise', title: 'Punch Drunk' },
  { artistId: 'pennywise', title: 'God Save the USA' },
  { artistId: 'pennywise', title: 'Afflication' },
  { artistId: 'pennywise', title: 'Rise Up' },
  { artistId: 'pennywise', title: 'Society' },
];

mirage.models.artist.js

import { Model, hasMany } from 'ember-cli-mirage';

export default Model.extend({
  tracks: hasMany()
});

mirage.models.playlist-track.js

import { Model, belongsTo } from 'ember-cli-mirage';

export default Model.extend({
  track: belongsTo(),
  playlist: belongsTo()
});

mirage.models.playlist.js

import { Model, hasMany } from 'ember-cli-mirage';

export default Model.extend({
	playlistTracks: hasMany()
})

mirage.models.track.js

import { Model, belongsTo, hasMany } from 'ember-cli-mirage';

export default Model.extend({
  artist: belongsTo(),
  playlistTracks: hasMany()
});

mirage.scenarios.default.js

import { faker } from 'ember-cli-mirage'

export default function(server) {
  server.loadFixtures('playlists', 'artists', 'tracks')

  server.createList('playlist', 10).forEach(playlist => {
    for (let i = faker.random.number({ min: 1, max: 30 }); i--;) {
      server.create('playlist-track', {
        playlistId: playlist.id,
        trackId: faker.random.number({ min: 1, max: 30 }),
        order: i
      })
    }
  })
}

mirage.serializers.application.js

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

export default JSONAPISerializer.extend({
});

models.artist.js

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

export default Model.extend({
  tracks: hasMany('track', { inverse: 'artist' }),
  name: attr('string')
});

models.playlist-track.js

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

export default Model.extend({
  track: belongsTo('track'),
  playlist: belongsTo('playlist'),
  note: attr('string'),
  order: attr('number')
});

models.playlist.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'),
  playlistTracks: hasMany('playlist-track'),
});

models.track.js

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

export default Model.extend({
  artist: belongsTo('artist'),
  playlistTracks: hasMany('playlist-track', { inverse: 'track' }),
  title: attr('string')
});

router.js

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('playlist', { path: '/:id' })
});

export default Router;

routes.application.js

import Ember from 'ember';

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

routes.playlist.js

import Ember from 'ember';

export default Ember.Route.extend({
  model({ id }) {
    return this.store.findRecord('playlist', id, {
      include: 'playlist-tracks.track.artist'
    });
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>

<header>
	<nav>
    <ul>
    {{#each model as |playlist|}}
      {{link-to playlist.name 'playlist' playlist.id}}
    {{/each}}
    </ul>
  </nav>
</header>

<main>{{outlet}}</main>

templates.playlist.hbs

<ul>
{{#each model.playlistTracks as |playlistTrack|}}
	<li>
  	{{playlistTrack.track.artist.name}}
    -
    {{playlistTrack.track.title}}
  </li>
{{/each}}
</ul>

twiddle.json

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