From 29a0269453777806340af301168c5d796ed1dd39 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 24 Dec 2024 13:18:52 +0700
Subject: [PATCH] refactor: handle input is require

---
 .../03_customer-management/FormEmployeePassport.vue         | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue
index d3500831..b7a3e6e5 100644
--- a/src/components/03_customer-management/FormEmployeePassport.vue
+++ b/src/components/03_customer-management/FormEmployeePassport.vue
@@ -285,6 +285,11 @@ watch(
           class="col-6"
           :label="$t('customerEmployee.form.previousPassportNumber')"
           v-model="previousPassportRef"
+          :rules="[
+            (v) =>
+              (!!v && v.length === 6) ||
+              $t('form.error.requireLength', { msg: 6 }),
+          ]"
         />
 
         <q-select
@@ -564,6 +569,7 @@ watch(
           @update:model-value="
             (v) => (typeof v === 'string' ? (birthCountry = v) : '')
           "
+          :rules="[(val) => !!val || $t('form.error.required')]"
         />
 
         <q-select