title: How to install Vuetify in Laravel 8 with jetstream-inertia?
body: <p>I'm trying to install Vuetify on the latest Laravel versione (8) but I cannot do it. Seems it doesn't work even if the console doesn't show me any error.</p>
  <p>That's my <strong>resource/plugins/vuetify.js</strong></p>
  <pre><code>import Vue from 'vue'
  // import Vuetify from 'vuetify'
  import Vuetify from 'vuetify/lib'
  // import 'vuetify/dist/vuetify.min.css'
  
  Vue.use(Vuetify)
  
  const opts = {}
  
  export default new Vuetify(opts)
  </code></pre>
  <p>My <strong>webpack.mix.js</strong> :</p>
  <pre><code>const mix = require('laravel-mix')
  const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
  mix
  .js('resources/js/app.js', 'public/js')
  .postCss('resources/css/app.css', 'public/css', [
      require('postcss-import'),
      require('tailwindcss'),
  ])
  .webpackConfig({
    plugins: [
      new VuetifyLoaderPlugin()
    ],
  })
  .browserSync('tb8.test');
  </code></pre>
  <p>The <strong>app.js</strong></p>
  <pre><code>import PortalVue from 'portal-vue';
  
  Vue.use(InertiaApp);
  Vue.use(InertiaForm);
  Vue.use(PortalVue);
  Vue.use(vuetify);
  
  const app = document.getElementById('app');
  
  new Vue({
     vuetify,
     render: (h) =&gt;
        h(InertiaApp, {
          props: {
              initialPage: JSON.parse(app.dataset.page),
              resolveComponent: (name) =&gt; require(`./Pages/${name}`).default,
          },
      }),
  }).$mount(app);
  </code></pre>
  <p>and the <strong>welcome.blade.php</strong></p>
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;{{ str_replace('_', '-', app()-&gt;getLocale()) }}&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  
          &lt;title&gt;Laravel&lt;/title&gt;
  
          &lt;!-- Fonts --&gt;
          &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
     
          &lt;style&gt;
              body {
                  font-family: 'Nunito';
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body class=&quot;antialiased&quot;&gt;
          &lt;div class=&quot;relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0&quot;&gt;
              @if (Route::has('login'))
                  &lt;div class=&quot;hidden fixed top-0 right-0 px-6 py-4 sm:block&quot;&gt;
                      @auth
                          &lt;a href=&quot;{{ url('/dashboard') }}&quot; class=&quot;text-sm text-gray-700 underline&quot;&gt;Dashboard&lt;/a&gt;
                      @else
                          &lt;a href=&quot;{{ route('login') }}&quot; class=&quot;text-sm text-gray-700 underline&quot;&gt;Login&lt;/a&gt;
  
                          @if (Route::has('register'))
                              &lt;a href=&quot;{{ route('register') }}&quot; class=&quot;ml-4 text-sm text-gray-700 underline&quot;&gt;Register&lt;/a&gt;
                          @endif
                      @endif
                  &lt;/div&gt;
              @endif
  
              &lt;v-app&gt;
                  &lt;v-main&gt;
                      Hello World
                  &lt;/v-main&gt;
              &lt;/v-app&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Can anyone help me to find where is the mistake?
  Thank you in advance</p>
  <p>Valerio</p>