title: Component template should contain exactly one root element
body: <blockquote>
    <p>Component template should contain exactly one root element. If you are
    using  v-if on multiple elements, use v-else-if to chain them instead.</p>
  </blockquote>
  
  <p>ERROR  Failed to compile with 1 errors<br>
   error  in ./src/App.vue</p>
  
  <p>(Emitted value instead of an instance of Error)
    Error compiling template:</p>
  
  <pre><code> &lt;div id="app" class="container"&gt;
       &lt;div class="page-header"&gt;
          &lt;h1&gt;Vue.js 2 &amp; Firebase Sample Application&lt;/h1&gt;
       &lt;/div&gt;
    &lt;/div class="panel panel-default"&gt;
       &lt;div class="panel-heading"&gt;
           &lt;h3&gt;Book Lists&lt;/h3&gt;
       &lt;/div&gt;
       &lt;div clas ="panel-body"&gt;
          &lt;table class="table table-striped"&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt;
                  Title
                &lt;/th&gt;
                &lt;th&gt;
                  Author
                &lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
  
            &lt;/tbody&gt;
          &lt;/table&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Here's my  export default</p>
  
  <pre><code>export default {
    name: 'app',
    firebase: {
      books: booksRef
    },
    components: {
      Hello
    }
  }
  </code></pre>
  
  <p>What part should I fix to remove the error?</p>