categorical ui-search in ember

I am trying to make a local category search box using Semantic UI in ember, Here is what I have done so far:

//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">
      
        <input type="text" placeholder="Search..." class="prompt">
        <div class="results"></div>
      
    </div>

This is resulting in a simple search box instead of a local categorical search. What should I do to get a categorical search box instead?