Add global variables for date and username

Author: perisicnikola37

app/Http/Middleware/HandleInertiaRequests.php

@@ -51,7 +51,9 @@ public function share(Request $request): array
             'avatar' => 'https://painrehabproducts.com/wp-content/uploads/2014/10/facebook-default-no-profile-pic.jpg',
             'auth' => [
                 'user' => Auth::user()
-            ]
+            ],
+            'currentYear' => date('Y'),
+            'username' => 'perisicnikola37'
         ]);
     }
 }

resources/js/Pages/Roles/Create.vue

@@ -27,9 +27,8 @@
                     </form>
 
                     <p class="text-xs text-center text-gray-500">
-                        &copy;2023 -
-                        <a class="text-blue-500" href="https://github.com/perisicnikola37"
-                            target="_blank">@perisicnikola37</a>
+                        &copy; {{ $page.props.currentYear }} - <a class="text-blue-500"
+                            href="https://github.com/perisicnikola37" target="_blank">@{{ $page.props.username }}</a>
                     </p>
                 </div>
             </div>

resources/js/Pages/Roles/Edit.vue

@@ -24,8 +24,8 @@
                         </div>
                     </form>
                     <p class="text-xs text-center text-gray-500">
-                        &copy;2023 - <a class="text-blue-500" href="https://github.com/perisicnikola37"
-                            target="_blank">@perisicnikola37</a>
+                        &copy; {{ $page.props.currentYear }} - <a class="text-blue-500"
+                            href="https://github.com/perisicnikola37" target="_blank">@{{ $page.props.username }}</a>
                     </p>
                 </div>
 

resources/js/Pages/Users/Create.vue

@@ -78,8 +78,8 @@
                     </form>
 
                     <p class="text-xs text-center text-gray-500">
-                        &copy;2023 - <a class="text-blue-500" href="https://github.com/perisicnikola37"
-                            target="_blank">@perisicnikola37</a>
+                        &copy; {{ $page.props.currentYear }} - <a class="text-blue-500"
+                            href="https://github.com/perisicnikola37" target="_blank">@{{ $page.props.username }}</a>
                     </p>
                 </div>
             </div>

resources/js/Pages/Users/Edit.vue

@@ -6,35 +6,35 @@
         </template>
 
         <div class="py-12">
-            <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-                <div class="m-auto w-full max-w-xs">
-                    <form @submit.prevent="submit" class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
+            <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
+                <div class="w-full max-w-xs m-auto">
+                    <form @submit.prevent="submit" class="px-8 pt-6 pb-8 mb-4 bg-white rounded shadow-md">
 
                         <div class="mb-4">
-                            <label class="block text-gray-700 text-sm font-bold mb-2" for="name">
+                            <label class="block mb-2 text-sm font-bold text-gray-700" for="name">
                                 Name
                             </label>
                             <input v-model="form.name"
-                                class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                                class="w-full px-3 py-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline"
                                 id="name" type="text">
                         </div>
 
                         <div class="mb-4">
-                            <label class="block text-gray-700 text-sm font-bold mb-2" for="email">
+                            <label class="block mb-2 text-sm font-bold text-gray-700" for="email">
                                 E-mail
                             </label>
                             <input v-model="form.email"
-                                class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                                class="w-full px-3 py-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline"
                                 id="email" type="email">
                         </div>
 
                         <div class="flex items-center justify-between">
                             <Button :form="form"></Button>
                         </div>
                     </form>
-                    <p class="text-center text-gray-500 text-xs">
-                        &copy;2022 - <a class="text-blue-500" href="https://github.com/perisicnikola37"
-                            target="_blank">@perisicnikola37</a>
+                    <p class="text-xs text-center text-gray-500">
+                        &copy; {{ $page.props.currentYear }} - <a class="text-blue-500"
+                            href="https://github.com/perisicnikola37" target="_blank">@{{ $page.props.username }}</a>
                     </p>
                 </div>
 
@@ -44,9 +44,9 @@
 </template>
 
 <script>
-import AppLayout from '@/Layouts/AppLayout.vue';
 import Breadcrumb from "@/Components/Breadcrumb.vue";
 import Button from "@/Components/Button.vue";
+import AppLayout from '@/Layouts/AppLayout.vue';
 
 export default {
     components: {