LevelbossMike

<svg class="w-1/2" {{on-resize (action "handleSVGResize")}}>
  {{!-- ... --}}
</svg>

LevelbossMike

import Ember from 'ember';

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

LevelbossMike

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: ''
});

LevelbossMike

const fetchMachine = Machine({
    id: 'button',
    initial: 'idle',
    states: {
      idle: {},
      busy: {}
    }
  });
  

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

LevelbossMike

import Controller from '@ember/controller';

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

LevelbossMike

const buttonMachine = Machine({
  initial: 'idle',
  states: {
    idle: {
    },
    busy: {}
  }
});
  

LevelbossMike

const fetchMachine = Machine({
  initial: 'idle',
  states: {
    idle: {
      on: {
        SUBMIT: 'busy'
      }
    },
    busy: {}
  }

LevelbossMike

const fetchMachine = Machine(    {
      id: 'quickstart-button-step-3',
      initial: 'idle',
      states: {
        idle: {
          on: {
            SUBMIT: 'busy',
          },
        },
        busy: {