From 5a359583eb78de7dfd0a5f1fb5b92f77888ca035 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 15 Apr 2024 22:29:12 +0200
Subject: [PATCH] add login / register links to navigate between screens
 directly

---
 resources/js/Components/AuthenticationCard.vue | 2 ++
 resources/js/Pages/Auth/Login.vue              | 8 ++++++++
 resources/js/Pages/Auth/Register.vue           | 9 +++++++++
 3 files changed, 19 insertions(+)

diff --git a/resources/js/Components/AuthenticationCard.vue b/resources/js/Components/AuthenticationCard.vue
index 29a6f53a..b85450c5 100644
--- a/resources/js/Components/AuthenticationCard.vue
+++ b/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>
diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue
index 4d558cc2..d215b58e 100644
--- a/resources/js/Pages/Auth/Login.vue
+++ b/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>
diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
index da28ec77..ba53b9c2 100644
--- a/resources/js/Pages/Auth/Register.vue
+++ b/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" />