NullVoxPopuli

import Controller from '@ember/controller';
import { task } from 'ember-concurrency-decorators';

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

  constructor() {
    super(...arguments);
    
    this.myTask.perform(0);

NullVoxPopuli

import Controller from '@ember/controller';
import EmberObject from '@ember/object';

function logged(target, key, descriptor) {
  let { initializer } = descriptor;
  
  let get = function() {
    console.log(`Get ${key}`); // DOES NOT LOG!
    return initializer();
  };

NullVoxPopuli

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

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

  transitionToQp = () => {
    this.router.transitionTo({ queryParams: { foo: 123 } });  
    this.router.transitionTo('foo');
    this.router.transitionTo({ queryParams: { foo: 1234 } });  

NullVoxPopuli

<div class='message'>
  {{@message}}
</div>

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

{{#-in-element this.element}}
  this text is in the target div
{{/-in-element}}

NullVoxPopuli

<ol>
  <li>Open browser dev tools</li>
  <li>click "Make True"</li>
  <li>click "Make False"</li>
  <li>Notice an error in the console</li>
</ol>

<button {{on 'click' this.makeTrue}}>
  Make True
</button>

NullVoxPopuli

<div class="chat-entry-container">
  <div class="control">
   <button
      type='button'
      class='dropdown-trigger'
    >
      <FaIcon @icon='plus' />
    </button>
  </div>