Modify HandleInertiaRequests.php file

Author: perisicnikola37

app/Http/Middleware/HandleInertiaRequests.php

@@ -30,6 +30,11 @@ public function version(Request $request): ?string
         return parent::version($request);
     }
 
+    protected $avatar = 'https://painrehabproducts.com/wp-content/uploads/2014/10/facebook-default-no-profile-pic.jpg';
+    protected $username = 'perisicnikola37';
+    protected $favicon = 'https://avatars.githubusercontent.com/u/47703742?s=280&v=4';
+
+
     /**
      * Defines the props that are shared by default.
      *
@@ -41,19 +46,20 @@ public function share(Request $request): array
     {
         return array_merge(parent::share($request), [
             'flash' => [
-                'success' => session('success'),
-                'delete' => session('delete'),
+                'success' => session('success') ?? null,
+                'delete' => session('delete') ?? null,
             ],
             'counts' => [
                 'userCount' => User::count(),
                 'roleCount' => Role::count(),
             ],
-            'avatar' => 'https://painrehabproducts.com/wp-content/uploads/2014/10/facebook-default-no-profile-pic.jpg',
             'auth' => [
                 'user' => Auth::user()
             ],
             'currentYear' => date('Y'),
-            'username' => 'perisicnikola37'
+            'avatar' => $this->avatar,
+            'username' => $this->username,
+            'favicon' => $this->favicon,
         ]);
     }
 }

package-lock.json

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

package.json

@@ -160,8 +160,8 @@
 </template>
 
 <script>
-import AppLayout from '@/Layouts/AppLayout.vue';
 import Pagination from '@/Components/Pagination.vue';
+import AppLayout from '@/Layouts/AppLayout.vue';
 export default {
 	components: {
 		AppLayout,

resources/js/Pages/Users/Index.vue

@@ -1,11 +1,11 @@
-import './bootstrap';
 import '../css/app.css';
+import './bootstrap';
 
-import { createApp, h } from 'vue';
-import { createInertiaApp, Link } from '@inertiajs/vue3';
+import '@fortawesome/fontawesome-free/css/all.css';
+import { Link, createInertiaApp } from '@inertiajs/vue3';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
+import { createApp, h } from 'vue';
 import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';
-import '@fortawesome/fontawesome-free/css/all.css';
 
 // const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';
 

resources/js/app.js

@@ -10,6 +10,7 @@
         <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
         {{-- Font Awesome --}}
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-X4uW4UXofX9BAbTCfajPCJZr8rZk+/Q2IcGdCs+gMf/diK1tX9s3OMnLTwYjrmnZG05LsTcCAzpRwHXyTj+fKw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+        <link rel="icon" href="{{ $page['props']['favicon'] }}" type="image/x-icon">
 
         <!-- Scripts -->
         @routes