title: How can I use Components in a VueJS2 CDN project?
body: <p>I am pretty much stuck on it and I'm not even sure if what I was trying is possible. 
  Here's my project if needed: 
  <a href="https://drive.google.com/open?id=1lty3rzUs1h7Rtw5tsN92WeaTBJw2fqVy" rel="nofollow noreferrer">https://drive.google.com/open?id=1lty3rzUs1h7Rtw5tsN92WeaTBJw2fqVy</a></p>
  
  <p>Updated:
  I'm not sure how to display it any better as this is the best it gets.. Basically im passing NestedComponent into Component which is getting passed into app.js which is rendering it into the index.html. That's it, for some reason doesn't work.</p>
  
  <pre class="lang-js prettyprint-override"><code>// "main.js" the Vue file that renders to the index.html
  new Vue({
    el: '#app',
    components: { Component},
    template: '&lt;Component/&gt;'
  })
  
  import Component from 'Component'
  </code></pre>
  
  <pre><code>// "Component.vue" that is getting passed into the above "app.js"
  &lt;template lang="html"&gt;
    &lt;div&gt;
      &lt;p&gt;{{ title }}&lt;/p&gt;
      &lt;h1&gt;Hi!&lt;/h1&gt;
      &lt;NestedComponent/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import NestedComponent from 'NestedComponent'
  
  export default {
    name: 'Component',
    components: {
       NestedComponent
    },
    data: {
      title: 'Hello'
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <pre><code>// "NestedComponent.vue" a nested component that is getting passed onto it's parent Component "Component.vue"
  &lt;template lang="html"&gt;
    &lt;div&gt;
      &lt;p&gt;{{ im a nested component }}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: 'NestedComponent',
    components: {
  
    },
    data: {
  
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Vue&lt;/title&gt;
      &lt;script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;{{title}}&lt;/div&gt;
  
      &lt;script type="text/javascript" src="/script.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>