From 527c9b74289e54c9ca38fb286317c02c8b89a78b Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Sun, 14 Sep 2025 17:57:24 +0200
Subject: [PATCH] Reduce min name length

---
 app/components/TeamAddModal.vue  | 20 +++++++++++++++++++-
 app/composables/useValidation.ts |  7 +++++++
 app/pages/register.vue           |  4 ++--
 server/api/auth/register.post.ts |  2 +-
 4 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/app/components/TeamAddModal.vue b/app/components/TeamAddModal.vue
index 83224f1..6930fb4 100644
--- a/app/components/TeamAddModal.vue
+++ b/app/components/TeamAddModal.vue
@@ -2,6 +2,7 @@
 import { parseError } from '#shared/utils/error';
 
 const { t } = useI18n();
+const validation = useValidation();
 const emits = defineEmits<{
   update: [];
 }>();
@@ -47,6 +48,7 @@ async function submit() {
   }
   pending.value = false;
 }
+// TODO: translate
 </script>
 
 <template>
@@ -56,13 +58,29 @@ async function submit() {
   <VaModal v-model="isOpen" close-button hide-default-actions>
     <h3 class="text-3xl">Create a new team</h3>
     <div class="mt-4 flex flex-col gap-4">
-      <VaInput v-model="data.name" label="Name" placeholder="My cool team" />
+      <VaInput
+        v-model="data.name"
+        label="Name"
+        placeholder="My cool team"
+        min-length="3"
+        max-length="256"
+        counter
+        :rules="[
+          validation.required('Name'),
+          validation.max('Name', 256),
+          validation.min('Name', 3)
+        ]"
+        required
+      />
       <VaTextarea
         v-model="data.description"
         max-rows="4"
         min-rows="2"
         label="Description"
         placeholder="The best team!"
+        max-length="256"
+        counter
+        :rules="[validation.maxOptional('Description', 256)]"
       />
       <p>An invite code will be generated automatically.</p>
       <VaAlert v-if="error" color="danger">{{ t(error) }}</VaAlert>
diff --git a/app/composables/useValidation.ts b/app/composables/useValidation.ts
index f3bbaa2..4968854 100644
--- a/app/composables/useValidation.ts
+++ b/app/composables/useValidation.ts
@@ -23,6 +23,13 @@ export default function () {
         (value && value.length <= max) ||
         t('validation.max_length', { name, max });
     },
+    maxOptional(name: string, max = 64) {
+      return (value: string) =>
+        !value ||
+        value.length <= 0 ||
+        value.length <= max ||
+        t('validation.max_length', { name, max });
+    },
     min(name: string, min = 8) {
       return (value: string) =>
         (value && value.length >= min) ||
diff --git a/app/pages/register.vue b/app/pages/register.vue
index e5a1f42..7352545 100644
--- a/app/pages/register.vue
+++ b/app/pages/register.vue
@@ -74,11 +74,11 @@ async function submit() {
           :label="t('auth.name')"
           :placeholder="t('auth.name')"
           max-length="64"
-          min-length="5"
+          min-length="1"
           :rules="[
             validation.required(t('auth.name')),
             validation.max(t('auth.name'), 64),
-            validation.min(t('auth.name'), 5)
+            validation.min(t('auth.name'), 1)
           ]"
           required
         >
diff --git a/server/api/auth/register.post.ts b/server/api/auth/register.post.ts
index afeb99b..a8f99d3 100644
--- a/server/api/auth/register.post.ts
+++ b/server/api/auth/register.post.ts
@@ -10,7 +10,7 @@ export default defineEventHandler(async (event) => {
     z.object({
       email: z.email().min(5).trim(),
       password: z.string().min(8),
-      name: z.string().min(5).max(64).trim()
+      name: z.string().min(1).max(64).trim()
     })
   );