Add address when rgster, fix default phone country

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 },

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)