From 0bd4990b37050824cfe53f2bab2e7745dd5e7352 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Mon, 18 Mar 2024 02:03:31 +0100
Subject: [PATCH] Focus auth username on page load.

---
 pages/auth/login/+Page.vue  | 8 +++++++-
 pages/auth/signup/+Page.vue | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/pages/auth/login/+Page.vue b/pages/auth/login/+Page.vue
index 9a15688..e160837 100644
--- a/pages/auth/login/+Page.vue
+++ b/pages/auth/login/+Page.vue
@@ -38,6 +38,7 @@
 			>{{ errorMsg }}</div>
 
 			<input
+				ref="userInput"
 				v-model="username"
 				placeholder="Username or e-mail"
 				class="input"
@@ -81,7 +82,7 @@
 </template>
 
 <script setup>
-import { ref, inject } from 'vue';
+import { ref, onMounted, inject } from 'vue';
 
 import { post } from '#/src/api.js';
 import navigate from '#/src/navigate.js';
@@ -94,6 +95,7 @@ const username = ref('');
 const password = ref('');
 
 const errorMsg = ref(null);
+const userInput = ref(null);
 const showPassword = ref(false);
 
 async function login() {
@@ -111,6 +113,10 @@ async function login() {
 		errorMsg.value = error.message;
 	}
 }
+
+onMounted(() => {
+	userInput.value.focus();
+});
 </script>
 
 <style scoped>
diff --git a/pages/auth/signup/+Page.vue b/pages/auth/signup/+Page.vue
index b02fc80..eff4f45 100644
--- a/pages/auth/signup/+Page.vue
+++ b/pages/auth/signup/+Page.vue
@@ -39,6 +39,7 @@
 			>{{ errorMsg }}</div>
 
 			<input
+				ref="userInput"
 				v-model="username"
 				placeholder="Username"
 				class="input"
@@ -122,7 +123,7 @@
 </template>
 
 <script setup>
-import { ref, inject } from 'vue';
+import { ref, onMounted, inject } from 'vue';
 
 import { post } from '#/src/api.js';
 import navigate from '#/src/navigate.js';
@@ -136,6 +137,7 @@ const password = ref('');
 const passwordConfirm = ref('');
 
 const errorMsg = ref(null);
+const userInput = ref(null);
 const showPassword = ref(false);
 
 async function signup() {
@@ -159,6 +161,10 @@ async function signup() {
 		errorMsg.value = error.message;
 	}
 }
+
+onMounted(() => {
+	userInput.value.focus();
+});
 </script>
 
 <style scoped>