From d55bfc54a08663897e8294ea4a92341c41197199 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Sun, 15 Oct 2023 00:23:26 +0800
Subject: [PATCH] Add username instruction

---
 app/src/components/AuthForm.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/src/components/AuthForm.vue b/app/src/components/AuthForm.vue
index 70a6f98..d10fa41 100644
--- a/app/src/components/AuthForm.vue
+++ b/app/src/components/AuthForm.vue
@@ -108,6 +108,12 @@ const handleChange = () => {
           @input="handleChange()"
           autocomplete="username"
         />
+        <label
+          class="text-sm font-semibold text-text-secondary"
+          v-if="type === 'username' || type === 'register'"
+          >Username should start with lowercase and consist of lowercase,
+          numbers, '_' and '-'
+        </label>
       </div>
       <div class="mb-6" v-if="type === 'register'">
         <label for="email" class="text-sm font-semibold text-text">Email</label