user-profile.js

import Component from 'ember-component';
import computed from 'ember-computed';
import { displayName } from 'user/utils';

export default Component.extend({
  displayName: computed(function() {
    return displayName(this.get('user'));
  }),
  liveDisplayName: computed('firstName', 'lastName', function() {
    return displayName(this.get('user'));
  })
});