Install inertia.js progress indicator

Author: perisicnikola37

database/factories/UserFactory.php

@@ -32,7 +32,7 @@ public function definition(): array
             'two_factor_secret' => null,
             'two_factor_recovery_codes' => null,
             'remember_token' => Str::random(10),
-            'profile_photo_path' => null,
+            // 'profile_photo_path' => null,
             'current_team_id' => null,
         ];
     }
@@ -58,14 +58,14 @@ public function unverified(): static
      */
     public function withPersonalTeam(): static
     {
-        if (! Features::hasTeamFeatures()) {
+        if (!Features::hasTeamFeatures()) {
             return $this->state([]);
         }
 
         return $this->has(
             Team::factory()
                 ->state(function (array $attributes, User $user) {
-                    return ['name' => $user->name.'\'s Team', 'user_id' => $user->id, 'personal_team' => true];
+                    return ['name' => $user->name . '\'s Team', 'user_id' => $user->id, 'personal_team' => true];
                 }),
             'ownedTeams'
         );

package-lock.json

@@ -18,6 +18,7 @@
         "vue": "^3.2.31"
     },
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.3.0"
+        "@fortawesome/fontawesome-free": "^6.3.0",
+        "nprogress": "^0.2.0"
     }
 }

package.json

@@ -20,6 +20,8 @@ createInertiaApp({
             .mount(el);
     },
     progress: {
-        color: '#1266db',
+        showSpinner: true,
+        delay: 1,
+        color: '#6875F5',
     },
 });