Add @inertiajs/progress to package dependencies (#46)

* add @inertiajs/progress to the base scaffold * Update app.js * Update InstallCommand.php * Update app.js Co-authored-by: Taylor Otwell <taylor@laravel.com>
laravel · Feb 17, 2021 · e2ae8b1 · e2ae8b1
1 parent f81d03c
commit e2ae8b1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/Console/InstallCommand.php b/src/Console/InstallCommand.php
@@ -108,6 +108,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',
                 '@vue/compiler-sfc' => '^3.0.5',
                 'autoprefixer' => '^10.2.4',

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,10 @@ createApp({
     .mixin({ methods: { route } })
     .use(InertiaPlugin)
     .mount(el);
+
+InertiaProgress.init({
+    delay: 250,
+    color: '#4B5563',
+    includeCSS: true,
+    showSpinner: false,
+});