patrickberkeley · February 1, 2016 23:33 · Feb 1, 2016
diff --git a/application.controller.js b/application.controller.js
@@ -0,0 +1,8 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  someProperty:'Ember Twiddle',
+  myComputedProperty: Ember.computed('someProperty', function(){
+        return {property: this.get('someProperty')};
+  })
+});
diff --git a/application.template.hbs b/application.template.hbs
@@ -0,0 +1,7 @@
+<h1>Welcome to {{someProperty}}</h1>
+<br>
+<br>
+{{outlet}}
+<br>
+<br>
+{{my-component myProperty=myComputedProperty}}
diff --git a/my-component.component.js b/my-component.component.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  myProperty: {}
+});
diff --git a/my-component.template.hbs b/my-component.template.hbs
@@ -0,0 +1,4 @@
+{{yield}}
+From within the component:
+
+{{myProperty.property}}
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,15 @@
+{
+  "version": "0.5.0",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember.debug.js",
+    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
+    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
+  }
+}