From 596c73288f5b53bd7e79ab8046136dc75ff078b9 Mon Sep 17 00:00:00 2001
From: Oleg Lobanov <oleg@lobanov.me>
Date: Wed, 4 May 2022 00:44:32 +0400
Subject: [PATCH] feat: automatically focus username field on login page

---
 frontend/src/views/Login.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index dc0f6852..27bb5847 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -9,6 +9,7 @@
         class="input input--block"
         type="text"
         autocapitalize="off"
+        ref="username"
         v-model="username"
         :placeholder="$t('login.username')"
       />
@@ -70,6 +71,8 @@ export default {
     };
   },
   mounted() {
+    this.focusUsername();
+
     if (!recaptcha) return;
 
     window.grecaptcha.ready(function () {
@@ -79,6 +82,9 @@ export default {
     });
   },
   methods: {
+    focusUsername() {
+      this.$refs.username.focus();
+    },
     toggleMode() {
       this.createMode = !this.createMode;
     },