title: Laravel 5.7 - vue template won't render
body: <p>I am trying to setup Laravel with Vue, but for some reason nothing is being rendered at the moment.</p>
  
  <p>This is the code I have:</p>
  
  <p>main layout file (<strong>main.blade.php</strong>)</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="{{ str_replace('_', '-', app()-&gt;getLocale()) }}"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' /&gt;
  
          &lt;title&gt;Pathfinder Character Sheet&lt;/title&gt;
  
          &lt;link href="{{ asset('css/app.css') }}"/ rel="stylesheet"&gt;
          &lt;link href="{{ asset('css/light-bootstrap-dashboard.css') }}" rel="stylesheet"&gt;
  
          &lt;link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.7.0/css/all.css" rel="stylesheet"&gt;
          &lt;link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css" rel="stylesheet"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id=character-sheet&gt;
              &lt;master&gt;&lt;/master&gt;
          &lt;/div&gt;
          &lt;link rel="js" href="{{ asset('js/app.js') }}"&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>app.js file</strong></p>
  
  <pre><code>import Vue from 'vue'
  import Master from './components/layout/Master'
  
  require('./bootstrap');
  require('./light-bootstrap-dashboard');
  
  window.Event = new Vue()
  window.Vue   = Vue
  
  const app = new Vue({
      el: '#character-sheet',
      components: {
          Master
      },
      template: '&lt;Master/&gt;',
  });
  </code></pre>
  
  <p><strong>Master.vue</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="wrapper" id="character-sheet"&gt;
  
          &lt;span&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt excepturi, ex exercitationem laborum beatae nostrum molestiae inventore eos amet ut debitis nam accusamus illum ipsa soluta ipsam officiis doloremque rerum.&lt;/span&gt;
  
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  export default {
      name: "Master"
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I am not getting any error, just a blank screen (app.js file is loaded).
  What am I doing wrong here?</p>