Setup Inertia version tracking

app/Http/Kernel.php

@@ -29,6 +29,7 @@ class Kernel extends HttpKernel
      */
      */
     protected $middlewareGroups = [
     protected $middlewareGroups = [
         'web' => [
         'web' => [
+            \Inertia\CheckInertiaVersion::class,
             \App\Http\Middleware\EncryptCookies::class,
             \App\Http\Middleware\EncryptCookies::class,
             \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
             \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
             \Illuminate\Session\Middleware\StartSession::class,
             \Illuminate\Session\Middleware\StartSession::class,

app/Providers/AppServiceProvider.php

@@ -25,6 +25,9 @@ class AppServiceProvider extends ServiceProvider
 
 
     public function register()
     public function register()
     {
     {
+        Inertia::version(function () {
+            return md5_file(public_path('mix-manifest.json'));
+        });
         Inertia::share('app.name', Config::get('app.name'));
         Inertia::share('app.name', Config::get('app.name'));
         Inertia::share('errors', function () {
         Inertia::share('errors', function () {
             return Session::get('errors') ? Session::get('errors')->getBag('default')->getMessages() : (object) [];
             return Session::get('errors') ? Session::get('errors')->getBag('default')->getMessages() : (object) [];

resources/js/app.js

@@ -11,8 +11,7 @@ let app = document.getElementById('app')
 new Vue({
 new Vue({
   render: h => h(Inertia, {
   render: h => h(Inertia, {
     props: {
     props: {
-      component: app.dataset.component,
-      props: JSON.parse(app.dataset.props),
+      initialPage: JSON.parse(app.dataset.page),
       resolveComponent: (component) => {
       resolveComponent: (component) => {
         return import(`@/Pages/${component}`).then(module => module.default)
         return import(`@/Pages/${component}`).then(module => module.default)
       },
       },