title: [Vue warn]: Failed to resolve component
body: <p>This is my code:</p>
  
  <pre><code>window.onload = function () {
  var main = new Vue({
      el: '#main',
      data: {
          currentActivity: 'home'
      }
  });
  Vue.component('home', {
      template: '#home-template'
  });
  };
  </code></pre>
  
  <p>This is my template:</p>
  
  <pre><code>&lt;head&gt;
       &lt;script type="text/x-template" id="home-template"&gt;
        &lt;div class="banner dark"&gt;
          &lt;div class="content"&gt;says some shit&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="banner light"&gt;
          &lt;div class="content"&gt;says some other shit&lt;/div&gt;
        &lt;/div&gt;
      &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>When I load the page I get this warning:</p>
  
  <pre><code>[Vue warn]: Failed to resolve component: home
  </code></pre>
  
  <p>and this error:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property '_refID' of undefined
  </code></pre>
  
  <p>What am I doing wrong?</p>