title: VueJS component not rendering
body: <p>I have a very basic VueJS app which I'm building by following the website.</p>
  <p><a href="https://jsfiddle.net/50wL7mdz/43452/" rel="nofollow noreferrer">Here's</a> the code, why is this component not rendering?</p>
  <p>HTML:</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;script src=&quot;https://unpkg.com/vue&quot;&gt;&lt;/script&gt;
      
      &lt;div id=&quot;app&quot;&gt;
        &lt;p&gt;{{ message }}&lt;/p&gt;
      &lt;/div&gt;
      
      &lt;div&gt;
      &lt;ol&gt;
        &lt;todo-item&gt;&lt;/todo-item&gt;
      &lt;/ol&gt;
      &lt;/div&gt;
  </code></pre>
  <p>JS:</p>
  <pre><code>    new Vue({
        el: '#app',
        data: {
          message: 'Hello Vue.js!'
        }
      })
      
      Vue.component('todo-item', {
          template: '&lt;li&gt;This is a list item&lt;/li&gt;'
      })
  </code></pre>