Two-way bindings and the `mut` helper in Ember

app_templates_components_form-control.hbs

<div class="form-control">
  <label>{{attrs.label}}</label>
  
  {{! Since mutable attributes are now wrapped, this will no longer work :( }}
  {{input value=attrs.value}}
  
  {{! Instead, we need to leverage some kind of event... }}
  {{input value=attrs.value.value key-up=attrs.value.update}}
  
  {{! Or, forgo two-way bindings and the `input` helper altogether, which forces us to create an explicit action... }}
  <input value={{attrs.value.value}} {{action 'updatedValue' on="change"}} />
</div>

app_templates_index.hbs

{{! Let's create the basic two-way binding example using angle-bracket components}}
<form-control label="Enter value:" value={{mut text}} />
<p>Value: {{text}}</p>