title: Inertia, laravel and vue 2 - blank vue component - vue file not rendering, div is blank
body: <p>Im trying to render a vue component through inertia like so:</p>
  <pre><code>return Inertia::render('override', [
     [
         'test' =&gt; '1'
     ]
  ]);
  </code></pre>
  <p>The file exists in assets/js/Pages.</p>
  <p>My app.js looks like the following:</p>
  <pre><code>import Vue from 'vue'
  import { createInertiaApp } from '@inertiajs/inertia-vue'
  
  createInertiaApp({
    resolve: name =&gt; require(`./Pages/${name}`),
    setup({ el, App, props, plugin }) {
      Vue.use(plugin)
  
      new Vue({
        render: h =&gt; h(App, props),
      }).$mount(el)
    },
  })
  </code></pre>
  <p>However, the div is rendering as blank</p>
  <p><a href="https://i.stack.imgur.com/97qBP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/97qBP.png" alt="enter image description here" /></a></p>
  <p>My override.vue file is as follows:</p>
  <pre><code>&lt;template&gt;
    &lt;p&gt;Hello , welcome to your first Inertia app!&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      mounted() {
          console.log(&quot;ss&quot;);
  
      },
      created() {
          console.log(&quot;ss&quot;);
  
      }
    }
  &lt;/script&gt;
  </code></pre>
  <p>App.blade.php contains</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;Laravel Inertia CRUD&lt;/title&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://pro.fontawesome.com/releases/v5.10.0/css/all.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot; /&gt;
      &lt;link href=&quot;{{ asset('/css/app.css') }}&quot; rel=&quot;stylesheet&quot; /&gt;
      &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  
      @inertiaHead
      &lt;script src=&quot;{{ asset('/js/app.js') }}&quot; defer&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class=&quot;container&quot;&gt;
          @inertia
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>EDIT</p>
  <p>It wont even console log() from the mounted call</p>