fix: better handle normalization

Author: shuuji3

app/components/Header/AuthModal.client.vue

@@ -22,9 +22,23 @@ async function handleCreateAccount() {
 
 async function handleLogin() {
   if (handleInput.value) {
-    await authRedirect(handleInput.value.trim().replace('@', ''))
+    await authRedirect(handleInput.value)
   }
 }
+
+watch(handleInput, newHandleInput => {
+  if (!newHandleInput) return
+
+  const normalized = newHandleInput
+    .trim()
+    .replace(/^@/, '')
+    .toLowerCase()
+    .replace(/[^a-z0-9.-]/g, '')
+
+  if (normalized !== newHandleInput) {
+    handleInput.value = normalized
+  }
+})
 </script>
 
 <template>