From b6739db86fbb7204b3666e65970f1655ca266836 Mon Sep 17 00:00:00 2001
From: Amir <amirhassan.hamzan@gmail.com>
Date: Sun, 11 Dec 2022 02:16:40 +0800
Subject: [PATCH] Add address when rgster, fix default phone country

---
 src/components/authentication/TheRegister.vue | 27 +++++++++++++++++++
 src/main.js                                   |  4 +++
 2 files changed, 31 insertions(+)

diff --git a/src/components/authentication/TheRegister.vue b/src/components/authentication/TheRegister.vue
index dbf92c9..2ffc6bc 100644
--- a/src/components/authentication/TheRegister.vue
+++ b/src/components/authentication/TheRegister.vue
@@ -96,6 +96,30 @@
             >
           </div>
         </div>
+        <div class="col-12">
+          <div class="field">
+            <label for="alamat">Alamat</label>
+            <Textarea
+              id="alamat"
+              v-model="form.alamat"
+              class="
+                text-base text-color
+                surface-overlay
+                p-2
+                border-1 border-solid
+                surface-border
+                border-round
+                appearance-none
+                outline-none
+                focus:border-primary
+                w-full
+              "
+            ></Textarea>
+            <InlineMessage class="mt-1" v-if="v$.form.alamat.$error"
+              >Alamat diperlukan</InlineMessage
+            >
+          </div>
+        </div>
         <div class="col-12 lg:col-6">
           <div class="field">
             <label for="notelbimbit">No Telefon</label>
@@ -119,6 +143,7 @@
             <MazPhoneNumberInput
               v-model="form.notelbimbit"
               show-code-on-list
+              :fetch-country="true"
               :preferred-countries="['MY']"
               :translations="{
                 countrySelector: {
@@ -453,6 +478,7 @@ export default {
         email: "",
         notelbimbit: "",
         register_agree: null,
+        alamat: "",
         // password_confirmation: "",
         images: {
           file1: {
@@ -528,6 +554,7 @@ export default {
         email: { required, email },
         notelbimbit: { required },
         register_agree: { required },
+        alamat: { required },
         // images: {
         //   file1: {
         //     filename: { required },
diff --git a/src/main.js b/src/main.js
index 813a1f8..8dea3ca 100644
--- a/src/main.js
+++ b/src/main.js
@@ -43,6 +43,8 @@ import TabPanel from 'primevue/tabpanel';
 import Tag from 'primevue/tag';
 import Image from 'primevue/image';
 import Galleria from 'primevue/galleria';
+import BadgeDirective from 'primevue/badgedirective';
+import Textarea from 'primevue/textarea';
 
 import 'maz-ui/css/main.css'
 import MazPhoneNumberInput from 'maz-ui/components/MazPhoneNumberInput'
@@ -84,6 +86,8 @@ app.component('TabPanel', TabPanel);
 app.component('Tag', Tag);
 app.component('Image', Image);
 app.component('Galleria', Galleria);
+app.directive('badge', BadgeDirective);
+app.component('Textarea', Textarea);
 
 app.component('MazPhoneNumberInput', MazPhoneNumberInput)