title: Ember Powerselect data format
body: <p>I am looking the documentation of the format of the how it needs to be. But I am wondering how I could add the id of the options. </p>
  
  <pre><code>groupedNumbers: [
      { groupName: 'Smalls', options: ['one', 'two', 'three'] },
      { groupName: 'Mediums', options: ['four', 'five', 'six'] },
      { groupName: 'Bigs', options: [
          { groupName: 'Fairly big', options: ['seven', 'eight', 'nine'] },
          { groupName: 'Really big', options: [ 'ten', 'eleven', 'twelve' ] },
          'thirteen'
        ]
      },
      'one hundred',
      'one thousand'
    ]
  </code></pre>
  
  <p>Here is what I am looking to do</p>
  
  <pre><code>groupedNumbers: [
      { groupName: 'Smalls', options: [{
          id: 1,
          name: 'one'
      },
      {
          id: 2,
          name: 'two'
      }]
    ]
  </code></pre>
  
  <p>Here is where I am calling the componet</p>
  
  <pre><code>&lt;label for="menu-group-list"&gt;Service Category&lt;/label&gt;
  {{#power-select
    options=groupedCategories
    searchEnabled=true
    selected=selectedSubCategoryName
    selectedItemComponent="selected-service"
    onchange=(action "serviceSubCategoryChanged")
    as |category| }}
      {{category}}
  {{/power-select}}
  </code></pre>
  
  <p>I thought I could override the <code>optionsComponent</code> but that did not work. Thoughts?</p>