Ember-Data Push

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  store: Ember.inject.service(),
  
  actions: {
  	addAuthor() {
  		this.get('store').push({
        data: [{
          id: 11,
          type: 'author',
          attributes: {
            name: 'Pushed Author',
            age: 30,
            admin: true,
            avatar: ""
          },
          relationships: {}
      	}]    
      });
		}
	}
});

mirage.config.js

export default function() {
  this.get('/authors', (schema, request) => {
    return schema.authors.all();
  });
};

mirage.factories.author.js

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

export default Factory.extend({
  name(i) { return `Person ${i}`; },
  age: 28,
  admin: false,
  avatar() { return faker.internet.avatar(); }
});

mirage.models.author.js

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

export default Model.extend({
});

mirage.scenarios.default.js

export default function(server) {
  server.createList('author', 10);
}

mirage.serializers.application.js

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

export default JSONAPISerializer;

models.author.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'),
  age: attr('number'),
  admin: attr('boolean'),
  avatar: attr('string')
});

routes.application.js

import Ember from 'ember';

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

templates.application.hbs

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


{{#each model tagName="ul" as |author| }}
	<li>{{author.name}}</li>
{{/each}}
<br>
<br>

<button {{action "addAuthor"}}>ADD AUTHOR</button>

twiddle.json

{
  "version": "0.10.4",
  "ENV": {
    "ember-cli-mirage": {
      "enabled": true,
      "directory": "app/mirage"
    }
  },
  "EmberENV": {
    "FEATURES": {},
    "EXTEND_PROTOTYPES": {
    	"Date": false
    }
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.6.2",
    "ember-data": "2.7.0",
    "ember-template-compiler": "2.6.2"
  },
  "addons": {
    "ember-cli-mirage": "0.2.1"
  }
}