Alex DiLiberto alexdiliberto

A huge "Thank You" to @runspired for all the help in the #ember-data Ember Community Discord!

// models/foo-bar.js
export default class FooBar extends Model {}

JSON API "type" === "modelName" === "foo-bar".

	@media (prefers-reduced-motion: reduce) {
	* {
	animation: none !important;
	transition: none !important;
	}
	}

	import Ember from 'ember';
	import Component from '@ember/component';

	export default Component.extend({
	numberOfSaves: 0,
	message: '',

	helloMessage: Ember.computed('username', function() {
	return `Hello, ${this.get('username')}. Welcome!`;
	}),

	import { Promise, defer, resolve } from 'rsvp';

	export default class AppAdapter {
	constructor(options) {
	Object.assign(this, options);
	}

	static create(options) {
	return new this(options);
	}

	import Ember from 'ember';

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

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	html {
	background: #f4f4f4;
	text-align: center;

	// tests/helpers/push-mirage-db-into-store.js
	import { registerAsyncHelper } from '@ember/test';
	import { run } from '@ember/runloop';

	let pushMirageDbIntoStore = function(server, store) {
	let tables = Object.keys(server.schema);

	tables.forEach(table => {
	if (server.schema[table].all) {
	let all = server.schema[table].all();

	// Resource Hints:
	// Inline in index.html
	<link rel="preload" href="/assets/vendor.js" as="script">

	// Or, in the HTTP header (even better)
	// https://www.w3.org/wiki/LinkHeader
	Link: </assets/vendor.js>; rel=preload; as=script
	Link: </assets/neon-tetra.js>; rel=preload; as=script

	// Preconnect

	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: ''
	});

	import Ember from 'ember';

	// export default Ember.Component.extend({
	// 'data-test-my-component': true
	// });

	export default class MyComponent extends Ember.Component {
	'data-test-my-component' = true;
	}