sduquej

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['myClass'],
  click() {
    console.log('clicked');
  }
});

sduquej

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  appNameInUppercase: Ember.computed('appName', function() {
    return this.get('appName').toUpperCase();
	}).readOnly(),
  
  actions: {
    messThingsUp() {

sduquej

import Ember from 'ember';

export default Ember.Component.extend({
  number: 1,
  willRender() {
    this._super();
    console.log(typeof this.number, this.number);
  },
});

sduquej

import Ember from 'ember';

export default Ember.Controller.extend({
  primitiveFruits: ['banana' ,'apple'],
  wrappedFruits: [{name: 'banana'}, {name: 'apple'}],
 
  printPrimitiveFruits() {
    console.log(this.get('primitiveFruits'));
  },
  printWrappedFruits() {

sduquej

import Component from '@glimmer/component';

export default class extends Component {
  get innerNumber() {
    return this.args.number;
  }
}