title: Add VueJs modal component to Laravel template
body: <p>Question about simple situation,  I want add vue <a href="https://v2.vuejs.org/v2/examples/modal.html" rel="nofollow noreferrer">modal component</a> to default Laravel project.
  When I registered in this way :</p>
  <pre><code>Vue.component('modal', {
    template: '#modal-template'
  })
  
  new Vue({
    el: '#app',
    data: {
      showModal: false
    }
  })
  </code></pre>
  <p>And named component like this :</p>
  <pre><code>ModalComponent.vue
  </code></pre>
  <p>Browser give me next errors.
  <a href="https://i.stack.imgur.com/QqfEy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QqfEy.png" alt="enter image description here" /></a>
  All details in the <a href="https://github.com/Dos4dev/ModalComponent/blob/master/resources/js/app.js" rel="nofollow noreferrer">Github repository</a></p>
  <p>By the way, maybe better add modal window from bootstrap with jQuery or it will be messy?</p>