Add:api-login

Frontend-Learner/pages/auth/register.vue

@@ -15,6 +15,7 @@ useHead({
 });
 
 const router = useRouter();
+const { register } = useAuth(); // Import register from useAuth
 const { errors, validate, clearFieldError } = useFormValidation();
 
 const isLoading = ref(false);
@@ -52,10 +53,37 @@ const handleRegister = async () => {
   if (!validate(registerForm, registerRules)) return;
 
   isLoading.value = true;
-  // Simulate API delay
-  await new Promise((resolve) => setTimeout(resolve, 1500));
+
+  // Map prefix to { th, en }
+  const prefixMap: Record<string, string> = {
+    'นาย': 'Mr.',
+    'นาง': 'Mrs.',
+    'นางสาว': 'Ms.'
+  };
+
+  const payload = {
+    username: registerForm.username,
+    email: registerForm.email,
+    password: registerForm.password,
+    first_name: registerForm.firstName,
+    last_name: registerForm.lastName,
+    prefix: {
+        th: registerForm.prefix,
+        en: prefixMap[registerForm.prefix] || 'Mr.'
+    },
+    phone: registerForm.phone
+  };
+
+  const result = await register(payload);
+
   isLoading.value = false;
-  router.push("/dashboard");
+
+  if (result.success) {
+      alert('สมัครสมาชิกสำเร็จ! กรุณาเข้าสู่ระบบ');
+      router.push("/auth/login");
+  } else {
+      alert(result.error || 'การลงทะเบียนล้มเหลว');
+  }
 };
 </script>