Категорический UI-поиск в Ember

Question

Я пытаюсь создать окно поиска локальной категории с помощью Semantic UI в ember. Вот что я сделал до сих пор:

//component nav-bar.js
import Component from '@ember/component';

export default Component.extend({
  searchables: [
    { category: 'Country', title: 'India' },
    { category: 'Country', title: 'Germany' },
    { category: 'Currency', title: 'USD' }
  ]

//component nav-bar.hbs

    <div class="item">
      {{#ui-search class="fluid" source=searchables onSearchQuery=(action (mut query)) onSelect=(action (mut selected))}}
        <input type="text" placeholder="Search..." class="prompt">
        <div class="results"></div>
      {{/ui-search}}
    </div>

Это приводит к простому окну поиска вместо локального категориального поиска. Что я должен сделать, чтобы получить окно категориального поиска?