How to make an ember component render a promise from a service

How can I render UI that waits for a service injected promise?

I'm trying to get a component to render a basic attribute of a injected service which returns a promise. It doesn't resolve the UI after the promise has been resolved despite me creating a CP on it.

I'm using this as a service because this feature lives in a navigation bar which lives longer than any of the routes and I'm trying to embrace ember2.0.

app/services/contest.js

import Ember from 'ember';

export default Ember.Service.extend({
  store: Ember.inject.service(),

  contest: Ember.computed(function() {
    return this.get('store').find('contest', {
      current: true
    });
  })
});

app/pods/components/contest-meter/component.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: 'contest-meter',
  contest: Ember.inject.service('contest'),
});

app/pods/components/contest-meter/template.hbs

{{contest.startDate}}