grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  prop: 'a',
  obj: {
    a: 'value a',
    b: 'value b',
    c: 'value c'
  }

grapho

export default function makeComputed(objKey) {
  let keys = Object.keys(get(this, objKey))
    .filter((key) => {
      // choose the keys using some logic
    })
    .map((key) => `${objKey}.${key}`);
  
  return computed(...keys, {
    get() {
      // do stuff

grapho

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'colgroup',
  
  attributeBindings: ['span']
});

grapho

import Ember from 'ember';
import { formatTitle } from '../helpers/format-title';

export default Ember.Controller.extend({
  appName: 'format-title',
  
  formattedTitle: Ember.computed('appName', {
  	get() {
    	return formatTitle(this.get('appName'));
  	}

grapho

import Ember from 'ember';

export default Ember.Component.extend({
});

grapho

import Ember from 'ember';
import DS from 'ember-data';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  foo: Ember.computed('promise', {
    get() {
      return DS.PromiseArray.create({
        promise: Ember.RSVP.resolve([

grapho

import Ember from 'ember';

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

grapho

import Ember from 'ember';

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

grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Form Components',
  
  actions: {
    toggleError() {
      this.toggleProperty('isError');
    }
  }

grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'a Grid of Components',
  
  actions: {
    action1() { alert("action1 fired"); },
    action2() { alert("action2 fired"); },
    action3() { alert("action3 fired"); },
    action4() { alert("action4 fired"); },