title: VueJS routes with component tag not working
body: <p>Whenever I use the component tag  which has an id of #app within the template inside my components/App.vue it returns the following errors:</p>
  
  <pre><code>// components/App.vue
  &lt;template&gt;
    &lt;div id="app"&gt;
      &lt;img class="logo" src="./assets/logo.png"&gt;
      &lt;hello&gt;&lt;/hello&gt;
      &lt;a v-link="{ path: '/home' }"&gt;Go to Foo&lt;/a&gt;
      &lt;a v-link="{ path: '/about' }"&gt;Go to Bar&lt;/a&gt;
      &lt;p&gt;
        Welcome to your Vue.js app!
      &lt;/p&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Errors</p>
  
  <pre><code>[vue-router] &lt;router-view&gt; can only be used inside a router-enabled app.
  
  [vue-router] v-link can only be used inside a router-enabled app.
  </code></pre>
  
  <p>However, if do it like this without the component and just a regular element with the component id it works normally.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;VueJS Starter&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there anyway to use router with web components? Because having to use it with an element id also does not work with vue-devtools in Chrome.</p>