pzuraq

import Ember from 'ember';

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

pzuraq

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    
    this.foo = () => { this.set('bar', 'baz'); }
  }
});

pzuraq

import Component from '@ember/component';
import { or, readOnly } from '@ember/object/computed';
import { observer } from '@ember/object';

export default Component.extend({
  unwrappedApi: or('api.api', 'api'),

  foo: readOnly('unwrappedApi.foo'),
  bar: readOnly('foo.bar'),

pzuraq

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
     Ember.Object.extend({
       foo: Ember.computed(function() {}).readOnly()
     }).create({
       foo: 'bar' 

pzuraq

import Ember from 'ember';

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

pzuraq

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  _foo: 0,
  bar: 0,
  
//   foo: Ember.computed({
//     get() {

pzuraq

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle 123',
  
  foo() {
    alert(this.appName);
  }
});

pzuraq

import Ember from 'ember';

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

pzuraq

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  foo: 0,
  
  updateFoo() {
   	this.incrementProperty('foo') 
  }

pzuraq

/**
 * @module ember-paper
 */
/* globals FastBoot */
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import { computed } from '@ember/object';
import { run } from '@ember/runloop';
import TransitionMixin from 'ember-css-transitions/mixins/transition-mixin';
import { invokeAction } from 'ember-invoke-action';