From 82e39ebaf268ab4cb9632809ca10da9bc1d09bec Mon Sep 17 00:00:00 2001
From: supalerk-ar66 <supalerk_ar66@live.rmutl.ac.th>
Date: Wed, 11 Feb 2026 10:42:21 +0700
Subject: [PATCH] feat: add ProfileEditForm component for user profile editing,
 including avatar management, personal details, and email verification.

---
 Frontend-Learner/components/profile/ProfileEditForm.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/Frontend-Learner/components/profile/ProfileEditForm.vue b/Frontend-Learner/components/profile/ProfileEditForm.vue
index 659dcbb3..18a40f8f 100644
--- a/Frontend-Learner/components/profile/ProfileEditForm.vue
+++ b/Frontend-Learner/components/profile/ProfileEditForm.vue
@@ -182,8 +182,10 @@ const handleFileUpload = (event: Event) => {
             <div>
                 <label class="text-xs font-bold text-slate-500 dark:text-slate-400 ml-1 uppercase">{{ $t('profile.phone') }}</label>
                 <q-input
-                v-model="modelValue.phone"
+                :model-value="modelValue.phone"
+                @update:model-value="(val) => modelValue.phone = String(val || '').replace(/\D/g, '').slice(0, 10)"
                 outlined dense rounded
+                maxlength="10"
                 class="premium-q-input"
                 :rules="phoneRules"
                 hide-bottom-space