Error with props in components, how to solve?

Question

Vue.js

Vue.component('blog-post', {
  props: ['title', 'text'],
  template: `
    <h3>{{title}}</h3>
    <p>{{text}}</p> <!-- Ошибка -->
  `
})

const app = new Vue({
  el: '#app'
})

<div id="app">
  <blog-post title="Hello Vue.js" text="Vue.js this is amazing!"></blog-post>
</div>

Why does it give an error?

Answer 1

because

template should contain exactly one root element

Your cap.