jelhan

import Ember from 'ember';
import { readOnly } from '@ember/object/computed';

export default Ember.Component.extend({
  foo: readOnly('bar')
});

jelhan

import Ember from 'ember';
import { computed } from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  dynamicPart: 'foo',
  row: computed(() => {
    return {
      'foo': {
        'key': 'foo value'

jelhan

import Ember from 'ember';

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

jelhan

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    
    this.count += 1;
  }
});

jelhan

export default function() {
  this.resource('users');
  this.resource('accounts');
}

jelhan

import { Factory } from 'ember-cli-mirage';
import { isEmpty } from '@ember/utils';

export default Factory.extend({
  title: 'an example post'
});

jelhan

import Ember from 'ember';
import Changeset from 'ember-changeset';
import { reject } from 'rsvp';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  init() {
    let changeset = new Changeset({
      save() {
        return reject('error is catchable');

jelhan

<h1>ember-changeset and moment objects</h1>
{{#with (changeset (hash date=(moment))) as |changeset|}}
  {{!-- It's a proxy --}}
	{{log changeset.date}}
  {{!-- moment operation throw an assertion that .get() must be used on proxy --}}
  {{moment-format changeset.date}}
{{/with}}

jelhan

import Ember from 'ember';
import { computed } from '@ember/object';
import Changeset from 'ember-changeset';
import moment from 'moment';

export default Ember.Controller.extend({
  changeset: computed(() => {
    let c = new Changeset({});
    c.set('date', moment());
    return c;

jelhan

import Ember from 'ember';
import { get } from '@ember/object';
import Changeset from 'ember-changeset';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
    this._super(...arguments);