Deprecation warnings: about ember-cli-nouislider HOT 2 CLOSED

I already faced this deprecation warning and this is how I fix it.

Instead of passing range and format props to your nouislider-component as computed properties, try to pass min, max, from, to props. Then where you defined your nouislider-component create range and format as setters.

Passing down your properties when you call your component

{{nouislider-component
    start=start
    connect=true
    min=min
    max=max
    from=from
    to=to
}}

Where you defined your nouislider-component.js

range: computed('min', 'max', {
    get(key) {
        if(this.get(`_${key}`) {
            return this.get(`_${key}`);
        }
        return {
            min: this.get('min') || 0,
            max: this.get('max') || 100
	};
    },
    set(key, value) {
        return this.set(`_${key}`, value);
    }
}),
// ... do the same to `format` prop

from ember-cli-nouislider.

Closing this issue, seems to be a wrong implementation on my end. Was doing the following:

  <RangeSlider @range={{this.range}}
               @start={{this.start}}
               @connect={{this.connect}}
               @format={{this.sliderFormat}}
  />

Should've done the following:

  <RangeSlider @start={{this.start}}
               @min={{this.min}}
               @max={{this.max}}
               @connect={{this.connect}}
               @formatTo={{this.sliderFormat.to}}
               @formatFrom={{this.sliderFormat.from}}
  />

from ember-cli-nouislider.