Debouncing ember search input

Question

I want to add debounce to my search input in ember app. I'm having problems with using debounce method.

Here's how my search looks like:

{{input type="search"
         placeholder="Search by XYZ"
         value=search
         id="search"
}}

My route file:

export default Ember.Route.extend({
    queryParams: {
    search:{refreshModel: true}
}

My controller file:

export default Ember.Controller.extend({
    search: "",

user_5798816 · Answer

search: computed('', {
  set(key, value) {
    debounce(this, this.setValue, value, 500);
  }
})

This worked for me, looks like this overrides the default setter for search.