Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  arr: Ember.A([]),
  
  theLength: Ember.computed('arr[]', function() {
    return this.get('arr').length;
  }),

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['green-border']
});

Serabe

import Ember from 'ember';

function logLifeCicle(name) {
  return function() {
    console.log(name, ...arguments);
  };
}

export default Ember.Component.extend({
  bar: 0,

Serabe

import Ember from 'ember';

function logLifeCicle(name) {
  return function() {
    console.log(name, arguments);
  };
}

export default Ember.Component.extend({
  bar: 0,

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default class MyComponent extends Ember.Component {
  tagName = '';
  
  constructor() {
    super(...arguments);
    
    // Empty string causes runtime error
    // "Assertion Failed: You cannot use `elementId` on a tag-less component"