HeroicEric

import Component from '@glimmer/component';
import { action } from '@ember/object';

export default class extends Component {
  handleClick() {
    alert('Boop!');
  }
}

HeroicEric

import Component from '@glimmer/component';

export default class extends Component {
}

HeroicEric

import Controller from '@ember/controller';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

  @action
  handleSubmit() {
    alert('hallo');
  }

HeroicEric

import Component from '@glimmer/component';

export default class extends Component {
  get bob() {
    return this.page.currentPage;
  }
  
  get page() {
    return this.args.page;
  }

HeroicEric

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

HeroicEric

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

const FRUITS = [
  { name: 'Apple' },
  { name: 'Banana' },
  { name: 'Figs' },
  { name: 'Orange' },
  { name: 'Pear' },

HeroicEric

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

HeroicEric

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

HeroicEric

import Component from '@glimmer/component';

export default class extends Component {
}

HeroicEric

import Component from '@glimmer/component';

export default class extends Component {
}