add login / register links to navigate between screens directly

resources/js/Components/AuthenticationCard.vue

@@ -9,5 +9,7 @@
             class="w-full sm:max-w-md mt-6 px-6 py-4 bg-card-background shadow-md border border-card-border overflow-hidden sm:rounded-lg">
             <slot />
         </div>
+
+        <slot name="actions"></slot>
     </div>
 </template>

resources/js/Pages/Auth/Login.vue

@@ -37,6 +37,14 @@ const submit = () => {
             <AuthenticationCardLogo />
         </template>
 
+        <template #actions>
+            <Link
+                class="py-8 text-muted text-sm font-medium opacity-90 hover:opacity-100 transition"
+                :href="route('register')">
+                No account yet? <span class="text-white">Register here!</span>
+            </Link>
+        </template>
+
         <div v-if="status" class="mb-4 font-medium text-sm text-green-400">
             {{ status }}
         </div>

resources/js/Pages/Auth/Register.vue

@@ -38,6 +38,15 @@ const page = usePage<{
             <AuthenticationCardLogo />
         </template>
 
+        <template #actions>
+            <Link
+                class="py-8 text-muted text-sm font-medium opacity-90 hover:opacity-100 transition"
+                :href="route('login')">
+                Already have an account?
+                <span class="text-white">Login here!</span>
+            </Link>
+        </template>
+
         <form @submit.prevent="submit">
             <div>
                 <InputLabel for="name" value="Name" />