controllers.application.js

import Ember from 'ember';

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

templates.application.hbs

<script type="text/x-handlebars">
    <h2>Welcome to Ember.js</h2>
    
    {{outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="index">
    {{pressCount}} Button presses
    
    {{categories-tree 
            categories=tree
            toggle=(action "toggleAddCategory")
    }}
  </script>
  
  <script type="text/x-handlebars" data-template-name="components/categories-tree">
    {{#each categories as |category|}}
        {{categories-tree-node 
            category=category 
            toggle=(action this.attrs.toggle)
        }}
    {{/each}}
  </script>
  
  <script type="text/x-handlebars" data-template-name="components/categories-tree-node">    
    {{input type="checkbox"
        checked=category.checked 
        click=(action this.attrs.toggle category)
        id=(concat elementId '-' category.slug)
    }}
    <label class="icon-check-box-ticked" for="{{concat elementId '-' category.slug}}">{{category.name}}</label>
    
  </script>

twiddle.json

{
  "version": "0.10.6",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.5.1",
    "ember-data": "2.9.0",
    "ember-template-compiler": "2.5.1",
    "ember-testing": "2.5.1"
  },
  "addons": {}
}