use inertia progress

laravel · Feb 18, 2021 · c1f1fa0 · c1f1fa0
1 parent 12d5e98
commit c1f1fa0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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' });