title: How can I format a camel cased key name to have spaces using a handlebars helper?
body: <pre><code>{{#each data}}
      &lt;div&gt;
          {{@key}} : {{this}}
      &lt;/div&gt;
  {{/each}}
  </code></pre>
  
  <p>Heres what the data structure looks like:</p>
  
  <pre><code>data: {
      maxHealth: Number,
      maxMana: Number,
      chanceToCrit: Number,
  },
  </code></pre>
  
  <p>I have something set up similarly to this and it is displaying the key name and the value as I want. However, the key is displaying in camel case, such as: maxHealth, maxMana, etc.</p>
  
  <p>Id like the keys to display as: max health, max mana, chance to crit, in this instance, but I wont know the key names and values ahead of time, they will be random each time. How can I use a handlebar helper to format the key for me?</p>
  
  <p>Thanks for your time.</p>