title: How to modify an object hash's value in a template?
body: <p>How to declare a new value for <code>settings.color</code> using handlebars syntax or an Ember.js helper before the <code>settings</code> object is consumed by the <code>bar</code> component?</p>
  
  <p>eg.</p>
  
  <pre><code>foo-component.js
      settings: { color: "blue", size: 16, ...many others }
  foo-template.hbs
      {{yield settings=settings}}
  
  my-route.hbs
      {{#foo as |settings|}}
          #! How to change `settings.color` to "red" here before passing to bar  ? !#
          {{bar settings=settings}}
      {{/foo}}
  </code></pre>
  
  <p>eg. in a hash scenario</p>
  
  <pre><code>foo-template.hbs
      {{yield settings=(hash color=color size=size)}}
  
  my-route.hbs
      {{#foo color="blue" size=16 as |settings|}}
          #! How to change `settings.color` to "red" here before passing to bar ? !#
          {{bar settings=settings}}
      {{/foo}}
  </code></pre>