Pattern for dispatching events from Services in Ember

evented_service.js

// app/services/locale.js

export default Ember.Service.extend(Ember.Evented, {
  init() {
    this._super(...arguments);
    // initialize locales  from localStorage (or URL string)
  },

  currentLocale() {
    return ...;
  },

  changeLocale(newLocale) {
    this.trigger('localeChanged', newLocale);
  }
});

// app/components/my-component.js

import service from 'ember/injections';
import on from 'ember/decorators';

export default Ember.Component.extend({
  locale: service('locale'),


  init() {
    this._super(...arguments);
    this.currentLocale().foo;
  },

  on('locale.localeChanged', function(newLocale) {
    // ...
  });
});