diff --git a/src/Console/InstallCommand.php b/src/Console/InstallCommand.php index 0d359d41a..9a0454d20 100644 --- a/src/Console/InstallCommand.php +++ b/src/Console/InstallCommand.php @@ -270,6 +270,7 @@ protected function installInertiaStack() return [ '@inertiajs/inertia' => '^0.8.4', '@inertiajs/inertia-vue3' => '^0.3.5', + '@inertiajs/progress' => '^0.2.4', '@tailwindcss/forms' => '^0.2.1', '@tailwindcss/typography' => '^0.3.0', 'postcss-import' => '^12.0.1', diff --git a/stubs/inertia/resources/js/app.js b/stubs/inertia/resources/js/app.js index 344272078..552b43f78 100644 --- a/stubs/inertia/resources/js/app.js +++ b/stubs/inertia/resources/js/app.js @@ -3,6 +3,7 @@ require('./bootstrap'); // Import modules... import { createApp, h } from 'vue'; import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3'; +import { InertiaProgress } from '@inertiajs/progress'; const el = document.getElementById('app'); @@ -16,3 +17,5 @@ createApp({ .mixin({ methods: { route } }) .use(InertiaPlugin) .mount(el); + +InertiaProgress.init({ color: '#4B5563' });