feat(registration): require lowercase usernames

pages/register.vue

@@ -77,7 +77,7 @@
                 'block text-xs font-medium leading-6',
               ]"
             >
-              Must be 5 or more characters
+              Must be 5 or more characters, and lowercase
             </p>
             <div class="mt-2">
               <input
@@ -210,7 +210,11 @@ const confirmPassword = ref(undefined);
 
 const mailRegex = /^\S+@\S+\.\S+$/g;
 const validEmail = computed(() => mailRegex.test(email.value ?? ""));
-const validUsername = computed(() => (username.value?.length ?? 0) > 5);
+const validUsername = computed(
+  () =>
+    (username.value?.length ?? 0) > 5 &&
+    username.value?.toLowerCase() == username.value
+);
 const validPassword = computed(() => (password.value?.length ?? 0) >= 14);
 const validConfirmPassword = computed(
   () => password.value == confirmPassword.value

server/api/v1/auth/signup/simple.post.ts

@@ -54,6 +54,11 @@ export default defineEventHandler(async (h3) => {
       statusCode: 400,
       statusMessage: "Username is invalid. Must be more than 5 characters.",
     });
+  if (username.toLowerCase() != username)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Username must be all lowercase",
+    });
 
   if (email === undefined)
     throw createError({