title: Why are my props empty in my laravel-vue-inertia project?
body: <p>I"m starting a new project and I'm not sure why the props in my vue devtools is empty? Where is the information about the user I'm logged in as? Do I have to set that option up somewhere?</p>
  
  <p>This is my app.js</p>
  
  <pre><code>import { InertiaApp } from '@inertiajs/inertia-vue'
  import Vue from 'vue'
  import ElementUI from 'element-ui'
  import lang from 'element-ui/lib/locale/lang/es'
  import 'element-ui/lib/theme-chalk/reset.css'
  import locale from 'element-ui/lib/locale'
  
  locale.use(lang);
  Vue.use(InertiaApp);
  Vue.use(ElementUI);
  
  
  const app = document.getElementById('app');
  app.setAttribute(':class',"{'loaded': loaded}");
  new Vue({
      render: h =&gt; h(InertiaApp, {
          props: {
              initialPage: JSON.parse(app.dataset.page),
              resolveComponent: name =&gt; import(`@/Pages/${name}`).then(module =&gt; module.default),
          },
          data(){
              return{
                  loaded:true
              }
          }
      }),
  }).$mount(app);
  </code></pre>
  
  <p>This is my webpack.mis.js</p>
  
  <pre><code>const mix = require('laravel-mix');
  const path = require('path');
  
  mix.js('resources/js/app.js', 'public/js')
      .sass('resources/sass/app.scss', 'public/css')
      .webpackConfig({
          output: { chunkFilename: 'js/[name].js?id=[chunkhash]' },
          resolve: {
              alias: {
                  vue$: 'vue/dist/vue.runtime.esm.js',
                  '@': path.resolve('resources/js'),
              },
          },
      })
      .babelConfig({
          plugins: ['@babel/plugin-syntax-dynamic-import'],
      })
      .version();
  
  </code></pre>
  
  <p>Where is my mistake? </p>