component property passed from Application Controller contains invalid character error

My application controller is observing the current path correctly. I don't know if the issue is the passing of the property or the setting of the property on the controller.

Application Controller:

import Ember from 'ember';

export default Ember.Controller.extend({
  currentUrl: null,
  currentPathDidChange: function() {
    return window.location.href;
    // alert(currentUrl);
  }.observes('currentPath').property('currentUrl')

});

Template:

<h2>page 1234</h2>

Component:

<h2>social footer component</h2>

<div id="footer-container">
  <div class="facebook">
    <span id="facebook-text">f</span>
  </div>
  <div class="linkedin">
    <span id="linkedin-text">in</span>q
  </div>
  <div class="fb">
    <div class="fb-share-button" data-href="http://ift.tt/sAVUDA" data-layout="button" data-size="small" data-mobile-iframe="false"><a class="fb-xfbml-parse-ignore" target="_blank" href="http://ift.tt/Z4FwYQ" + pageUrl>Share</a></div>
  </div>
</div>

Error: String contains an invalid character setAttribute@http://localhost:4200/assets/vendor.js:16331:21