From 085dad17188c6dbde3a90d7742869bfe1c2ba230 Mon Sep 17 00:00:00 2001
From: Janie <109517022+Janie06@users.noreply.github.com>
Date: Tue, 7 Mar 2023 14:19:12 +0800
Subject: [PATCH] =?UTF-8?q?elementCountryCodeSelect=20component=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AA=9E=E7=B3=BB=E5=88=A4=E6=96=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form/ElementCountryCodeSelect.vue         | 2492 +++++++++--------
 FrontEnd/pages/user/editPersonalInfo.vue      |    2 +-
 2 files changed, 1259 insertions(+), 1235 deletions(-)

diff --git a/FrontEnd/components/newComponent/form/ElementCountryCodeSelect.vue b/FrontEnd/components/newComponent/form/ElementCountryCodeSelect.vue
index 1144d0b..300d0c3 100644
--- a/FrontEnd/components/newComponent/form/ElementCountryCodeSelect.vue
+++ b/FrontEnd/components/newComponent/form/ElementCountryCodeSelect.vue
@@ -1,18 +1,37 @@
 <template>
   <div class="tw-flex tw-flex-col">
-    <select v-model="codeSelect" 
+    <div v-if="language">
+      <select v-model="codeSelect" 
             :class="['tw-text-neutrals-500 tw-h-[44px] tw-text-[13px] tw-border tw-border-solid tw-border-neutrals-200 tw-rounded-[5px] tw-px-[15px] tw-py-[9px] tw-outline-none tw-mr-[5px] focus:tw-border-primary-1',
           validation ? '' : 'tw-border-error-default'
         ]"
           >
+          
             <option 
-              v-for="(item, index) in countryCodeOptions"
+              v-for="(item, index) in countryCodeOptions_tw"
               :key="index"
               :value="item.id"
             >
               {{ item.code + " " + item.name }}
             </option>
-    </select>
+      </select>
+    </div>
+    <div v-else>
+      <select v-model="codeSelect" 
+            :class="['tw-text-neutrals-500 tw-h-[44px] tw-text-[13px] tw-border tw-border-solid tw-border-neutrals-200 tw-rounded-[5px] tw-px-[15px] tw-py-[9px] tw-outline-none tw-mr-[5px] focus:tw-border-primary-1',
+          validation ? '' : 'tw-border-error-default'
+        ]"
+          >
+          
+            <option 
+              v-for="(item, index) in countryCodeOptions_en"
+              :key="index"
+              :value="item.id"
+            >
+              {{ item.code + " " + item.name }}
+            </option>
+      </select>
+    </div>
   </div>
 </template>
 <script>
@@ -21,8 +40,9 @@ export default {
 
   data() {
     return {
+      language: true,
       codeSelect: "999",
-      countryCodeOptions:[
+      countryCodeOptions_tw:[
       {
 id: '999',
 name: '請選擇',
@@ -886,7 +906,7 @@ code: '+1'
 {
 id: 'mf',
 name: '聖馬丁（Saint-Martin (partie française)）',
-code: '590'
+code: '+590'
 },
 {
 id: 'pm',
@@ -1183,1235 +1203,1234 @@ id: 'ax',
 name: '奧蘭群島',
 code: '+358'
 },
+      ],
+      countryCodeOptions_en:[
+        {
+          id: '999',
+          name: '',
+          code: '請選擇'
+        },
+        {
+          id: 'af',
+          name: 'Afghanistan (‫افغانستان‬‎)',
+          code: '+93'
+        },
+        {
+          id: 'al',
+          name: 'Albania (Shqipëri)',
+          code: '+355'
+        },
+        {
+          id: 'dz',
+          name: 'Algeria (‫الجزائر‬‎)',
+          code: '+213'
+        },
+        {
+          id: 'as',
+          name: 'American Samoa',
+          code: '+1'
+        },
+        {
+          id: 'ad',
+          name: 'Andorra',
+          code: '+376'
+        },
+        {
+          id: 'ao',
+          name: 'Angola',
+          code: '+244'
+        },
+        {
+          id: 'ai',
+          name: 'Anguilla',
+          code: '+1'
+        },
+        {
+          id: 'ag',
+          name: 'Antigua and Barbuda',
+          code: '+1'
+        },
+        {
+          id: 'ar',
+          name: 'Argentina',
+          code: '+54'
+        },
+        {
+          id: 'am',
+          name: 'Armenia (Հայաստան)',
+          code: '+374'
+        },
+        {
+          id: 'aw',
+          name: 'Aruba',
+          code: '+297'
+        },
+        {
+          id: 'ac',
+          name: 'Ascension Island',
+          code: '+247'
+        },
+        {
+          id: 'au',
+          name: 'Australia',
+          code: '+61'
+        },
+        {
+          id: 'at',
+          name: 'Austria (Österreich)',
+          code: '+43'
+        },
+        {
+          id: 'az',
+          name: 'Azerbaijan (Azərbaycan)',
+          code: '+994'
+        },
+        {
+          id: 'bs',
+          name: 'Bahamas',
+          code: '+1'
+        },
+        {
+          id: 'bh',
+          name: 'Bahrain (‫البحرين‬‎)',
+          code: '+973'
+        },
+        {
+          id: 'bd',
+          name: 'Bangladesh (বাংলাদেশ)',
+          code: '+880'
+        },
+        {
+          id: 'bb',
+          name: 'Barbados',
+          code: '+1'
+        },
+        {
+          id: 'by',
+          name: 'Belarus (Беларусь)',
+          code: '+375'
+        },
+        {
+          id: 'be',
+          name: 'Belgium (België)',
+          code: '+32'
+        },
+        {
+          id: 'bz',
+          name: 'Belize',
+          code: '+501'
+        },
+        {
+          id: 'bj',
+          name: 'Benin (Bénin)',
+          code: '+229'
+        },
+        {
+          id: 'bm',
+          name: 'Bermuda',
+          code: '+1'
+        },
+        {
+          id: 'bt',
+          name: 'Bhutan (འབྲུག)',
+          code: '+975'
+        },
+        {
+          id: 'bo',
+          name: 'Bolivia',
+          code: '+591'
+        },
+        {
+          id: 'ba',
+          name: 'Bosnia and Herzegovina (Босна и Херцеговина)',
+          code: '+387'
+        },
+        {
+          id: 'bw',
+          name: 'Botswana',
+          code: '+267'
+        },
+        {
+          id: 'br',
+          name: 'Brazil (Brasil)',
+          code: '+55'
+        },
+        {
+          id: 'io',
+          name: 'British Indian Ocean Territory',
+          code: '+246'
+        },
+        {
+          id: 'vg',
+          name: 'British Virgin Islands',
+          code: '+1'
+        },
+        {
+          id: 'bn',
+          name: 'Brunei',
+          code: '+673'
+        },
+        {
+          id: 'bg',
+          name: 'Bulgaria (България)',
+          code: '+359'
+        },
+        {
+          id: 'bf',
+          name: 'Burkina Faso',
+          code: '+226'
+        },
+        {
+          id: 'bi',
+          name: 'Burundi (Uburundi)',
+          code: '+257'
+        },
+        {
+          id: 'kh',
+          name: 'Cambodia (កម្ពុជា)',
+          code: '+855'
+        },
+        {
+          id: 'cm',
+          name: 'Cameroon (Cameroun)',
+          code: '+237'
+        },
+        {
+          id: 'ca',
+          name: 'Canada',
+          code: '+1'
+        },
+        {
+          id: 'cv',
+          name: 'Cape Verde (Kabu Verdi)',
+          code: '+238'
+        },
+        {
+          id: 'bq',
+          name: 'Caribbean Netherlands',
+          code: '+599'
+        },
+        {
+          id: 'ky',
+          name: 'Cayman Islands',
+          code: '+1'
+        },
+        {
+          id: 'cf',
+          name: 'Central African Republic (République centrafricaine)',
+          code: '+236'
+        },
+        {
+          id: 'td',
+          name: 'Chad (Tchad)',
+          code: '+235'
+        },
+        {
+          id: 'cl',
+          name: 'Chile',
+          code: '+56'
+        },
+        {
+          id: 'cn',
+          name: 'China (中国)',
+          code: '+86'
+        },
+        {
+          id: 'cx',
+          name: 'Christmas Island',
+          code: '+61'
+        },
+        {
+          id: 'cc',
+          name: 'Cocos (Keeling) Islands',
+          code: '+61'
+        },
+        {
+          id: 'co',
+          name: 'Colombia',
+          code: '+57'
+        },
+        {
+          id: 'km',
+          name: 'Comoros (‫جزر القمر‬‎)',
+          code: '+269'
+        },
+        {
+          id: 'cd',
+          name: 'Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)',
+          code: '+243'
+        },
+        {
+          id: 'cg',
+          name: 'Congo (Republic) (Congo-Brazzaville)',
+          code: '+242'
+        },
+        {
+          id: 'ck',
+          name: 'Cook Islands',
+          code: '+682'
+        },
+        {
+          id: 'cr',
+          name: 'Costa Rica',
+          code: '+506'
+        },
+        {
+          id: 'ci',
+          name: 'Côte d’Ivoire',
+          code: '+225'
+        },
+        {
+          id: 'hr',
+          name: 'Croatia (Hrvatska)',
+          code: '+385'
+        },
+        {
+          id: 'cu',
+          name: 'Cuba',
+          code: '+53'
+        },
+        {
+          id: 'cw',
+          name: 'Curaçao',
+          code: '+599'
+        },
+        {
+          id: 'cy',
+          name: 'Cyprus (Κύπρος)',
+          code: '+357'
+        },
+        {
+          id: 'cz',
+          name: 'Czech Republic (Česká republika)',
+          code: '+420'
+        },
+        {
+          id: 'dk',
+          name: 'Denmark (Danmark)',
+          code: '+45'
+        },
+        {
+          id: 'dj',
+          name: 'Djibouti',
+          code: '+253'
+        },
+        {
+          id: 'dm',
+          name: 'Dominica',
+          code: '+1'
+        },
+        {
+          id: 'do',
+          name: 'Dominican Republic (República Dominicana)',
+          code: '+1'
+        },
+        {
+          id: 'ec',
+          name: 'Ecuador',
+          code: '+593'
+        },
+        {
+          id: 'eg',
+          name: 'Egypt (‫مصر‬‎)',
+          code: '+20'
+        },
+        {
+          id: 'sv',
+          name: 'El Salvador',
+          code: '+503'
+        },
+        {
+          id: 'gq',
+          name: 'Equatorial Guinea (Guinea Ecuatorial)',
+          code: '+240'
+        },
+        {
+          id: 'er',
+          name: 'Eritrea',
+          code: '+291'
+        },
+        {
+          id: 'ee',
+          name: 'Estonia (Eesti)',
+          code: '+372'
+        },
+        {
+          id: 'sz',
+          name: 'Eswatini',
+          code: '+268'
+        },
+        {
+          id: 'et',
+          name: 'Ethiopia',
+          code: '+251'
+        },
+        {
+          id: 'fk',
+          name: 'Falkland Islands (Islas Malvinas)',
+          code: '+500'
+        },
+        {
+          id: 'fo',
+          name: 'Faroe Islands (Føroyar)',
+          code: '+298'
+        },
+        {
+          id: 'fj',
+          name: 'Fiji',
+          code: '+679'
+        },
+        {
+          id: 'fi',
+          name: 'Finland (Suomi)',
+          code: '+358'
+        },
+        {
+          id: 'fr',
+          name: 'France',
+          code: '+33'
+        },
+        {
+          id: 'gf',
+          name: 'French Guiana (Guyane française)',
+          code: '+594'
+        },
+        {
+          id: 'pf',
+          name: 'French Polynesia (Polynésie française)',
+          code: '+689'
+        },
+        {
+          id: 'ga',
+          name: 'Gabon',
+          code: '+241'
+        },
+        {
+          id: 'gm',
+          name: 'Gambia',
+          code: '+220'
+        },
+        {
+          id: 'ge',
+          name: 'Georgia (საქართველო)',
+          code: '+995'
+        },
+        {
+          id: 'de',
+          name: 'Germany (Deutschland)',
+          code: '+49'
+        },
+        {
+          id: 'gh',
+          name: 'Ghana (Gaana)',
+          code: '+233'
+        },
+        {
+          id: 'gi',
+          name: 'Gibraltar',
+          code: '+350'
+        },
+        {
+          id: 'gr',
+          name: 'Greece (Ελλάδα)',
+          code: '+30'
+        },
+        {
+          id: 'gl',
+          name: 'Greenland (Kalaallit Nunaat)',
+          code: '+299'
+        },
+        {
+          id: 'gd',
+          name: 'Grenada',
+          code: '+1'
+        },
+        {
+          id: 'gp',
+          name: 'Guadeloupe',
+          code: '+590'
+        },
+        {
+          id: 'gu',
+          name: 'Guam',
+          code: '+1'
+        },
+        {
+          id: 'gt',
+          name: 'Guatemala',
+          code: '+502'
+        },
+        {
+          id: 'gg',
+          name: 'Guernsey',
+          code: '+44'
+        },
+        {
+          id: 'gn',
+          name: 'Guinea (Guinée)',
+          code: '+224'
+        },
+        {
+          id: 'gw',
+          name: 'Guinea-Bissau (Guiné Bissau)',
+          code: '+245'
+        },
+        {
+          id: 'gy',
+          name: 'Guyana',
+          code: '+592'
+        },
+        {
+          id: 'ht',
+          name: 'Haiti',
+          code: '+509'
+        },
+        {
+          id: 'hn',
+          name: 'Honduras',
+          code: '+504'
+        },
+        {
+          id: 'hk',
+          name: 'Hong Kong (香港)',
+          code: '+852'
+        },
+        {
+          id: 'hu',
+          name: 'Hungary (Magyarország)',
+          code: '+36'
+        },
+        {
+          id: 'is',
+          name: 'Iceland (Ísland)',
+          code: '+354'
+        },
+        {
+          id: 'in',
+          name: 'India (भारत)',
+          code: '+91'
+        },
+        {
+          id: 'id',
+          name: 'Indonesia',
+          code: '+62'
+        },
+        {
+          id: 'ir',
+          name: 'Iran (‫ایران‬‎)',
+          code: '+98'
+        },
+        {
+          id: 'iq',
+          name: 'Iraq (‫العراق‬‎)',
+          code: '+964'
+        },
+        {
+          id: 'ie',
+          name: 'Ireland',
+          code: '+353'
+        },
+        {
+          id: 'im',
+          name: 'Isle of Man',
+          code: '+44'
+        },
+        {
+          id: 'il',
+          name: 'Israel (‫ישראל‬‎)',
+          code: '+972'
+        },
+        {
+          id: 'it',
+          name: 'Italy (Italia)',
+          code: '+39'
+        },
+        {
+          id: 'jm',
+          name: 'Jamaica',
+          code: '+1'
+        },
+        {
+          id: 'jp',
+          name: 'Japan (日本)',
+          code: '+81'
+        },
+        {
+          id: 'je',
+          name: 'Jersey',
+          code: '+44'
+        },
+        {
+          id: 'jo',
+          name: 'Jordan (‫الأردن‬‎)',
+          code: '+962'
+        },
+        {
+          id: 'kz',
+          name: 'Kazakhstan (Казахстан)',
+          code: '+7'
+        },
+        {
+          id: 'ke',
+          name: 'Kenya',
+          code: '+254'
+        },
+        {
+          id: 'ki',
+          name: 'Kiribati',
+          code: '+686'
+        },
+        {
+          id: 'xk',
+          name: 'Kosovo',
+          code: '+383'
+        },
+        {
+          id: 'kw',
+          name: 'Kuwait (‫الكويت‬‎)',
+          code: '+965'
+        },
+        {
+          id: 'kg',
+          name: 'Kyrgyzstan (Кыргызстан)',
+          code: '+996'
+        },
+        {
+          id: 'la',
+          name: 'Laos (ລາວ)',
+          code: '+856'
+        },
+        {
+          id: 'lv',
+          name: 'Latvia (Latvija)',
+          code: '+371'
+        },
+        {
+          id: 'lb',
+          name: 'Lebanon (‫لبنان‬‎)',
+          code: '+961'
+        },
+        {
+          id: 'ls',
+          name: 'Lesotho',
+          code: '266'
+        },
+        {
+          id: 'lr',
+          name: 'Liberia',
+          code: '+231'
+        },
+        {
+          id: 'ly',
+          name: 'Libya (‫ليبيا‬‎)',
+          code: '+218'
+        },
+        {
+          id: 'li',
+          name: 'Liechtenstein',
+          code: '+423'
+        },
+        {
+          id: 'lt',
+          name: 'Lithuania (Lietuva)',
+          code: '+370'
+        },
+        {
+          id: 'lu',
+          name: 'Luxembourg',
+          code: '+352'
+        },
+        {
+          id: 'mo',
+          name: 'Macau (澳門)',
+          code: '+853'
+        },
+        {
+          id: 'mk',
+          name: 'North Macedonia (Македонија)',
+          code: '+389'
+        },
+        {
+          id: 'mg',
+          name: 'Madagascar (Madagasikara)',
+          code: '+261'
+        },
+        {
+          id: 'mw',
+          name: 'Malawi',
+          code: '+265'
+        },
+        {
+          id: 'my',
+          name: 'Malaysia',
+          code: '+60'
+        },
+        {
+          id: 'mv',
+          name: 'Maldives',
+          code: '+960'
+        },
+        {
+          id: 'ml',
+          name: 'Mali',
+          code: '+223'
+        },
+        {
+          id: 'mt',
+          name: 'Malta',
+          code: '+356'
+        },
+        {
+          id: 'mh',
+          name: 'Marshall Islands',
+          code: '+692'
+        },
+        {
+          id: 'mq',
+          name: 'Martinique',
+          code: '+596'
+        },
+        {
+          id: 'mr',
+          name: 'Mauritania (‫موريتانيا‬‎)',
+          code: '+222'
+        },
+        {
+          id: 'mu',
+          name: 'Mauritius (Moris)',
+          code: '+230'
+        },
+        {
+          id: 'yt',
+          name: 'Mayotte',
+          code: '+262'
+        },
+        {
+          id: 'mx',
+          name: 'Mexico (México)',
+          code: '+52'
+        },
+        {
+          id: 'fm',
+          name: 'Micronesia',
+          code: '+691'
+        },
+        {
+          id: 'md',
+          name: 'Moldova (Republica Moldova)',
+          code: '+373'
+        },
+        {
+          id: 'mc',
+          name: 'Monaco',
+          code: '+377'
+        },
+        {
+          id: 'mn',
+          name: 'Mongolia (Монгол)',
+          code: '+976'
+        },
+        {
+          id: 'me',
+          name: 'Montenegro (Crna Gora)',
+          code: '+382'
+        },
+        {
+          id: 'ms',
+          name: 'Montserrat',
+          code: '+1'
+        },
+        {
+          id: 'ma',
+          name: 'Morocco (‫المغرب‬‎)',
+          code: '+212'
+        },
+        {
+          id: 'mz',
+          name: 'Mozambique (Moçambique)',
+          code: '+258'
+        },
+        {
+          id: 'mm',
+          name: 'Myanmar (Burma) (မြန်မာ)',
+          code: '+95'
+        },
+        {
+          id: 'na',
+          name: 'Namibia (Namibië)',
+          code: '+264'
+        },
+        {
+          id: 'nr',
+          name: 'Nauru',
+          code: '+674'
+        },
+        {
+          id: 'np',
+          name: 'Nepal (नेपाल)',
+          code: '+977'
+        },
+        {
+          id: 'nl',
+          name: 'Netherlands (Nederland)',
+          code: '+31'
+        },
+        {
+          id: 'nc',
+          name: 'New Caledonia (Nouvelle-Calédonie)',
+          code: '+687'
+        },
+        {
+          id: 'nz',
+          name: 'New Zealand',
+          code: '+64'
+        },
+        {
+          id: 'ni',
+          name: 'Nicaragua',
+          code: '+505'
+        },
+        {
+          id: 'ne',
+          name: 'Niger (Nijar)',
+          code: '+227'
+        },
+        {
+          id: 'ng',
+          name: 'Nigeria',
+          code: '+234'
+        },
+        {
+          id: 'nu',
+          name: 'Niue',
+          code: '+683'
+        },
+        {
+          id: 'nf',
+          name: 'Norfolk Island',
+          code: '+672'
+        },
+        {
+          id: 'kp',
+          name: 'North Korea (조선 민주주의 인민 공화국)',
+          code: '850'
+        },
+        {
+          id: 'mp',
+          name: 'Northern Mariana Islands',
+          code: '+1'
+        },
+        {
+          id: 'no',
+          name: 'Norway (Norge)',
+          code: '+47'
+        },
+        {
+          id: 'om',
+          name: 'Oman (‫عُمان‬‎)',
+          code: '+968'
+        },
+        {
+          id: 'pk',
+          name: 'Pakistan (‫پاکستان‬‎)',
+          code: '+92'
+        },
+        {
+          id: 'pw',
+          name: 'Palau',
+          code: '+680'
+        },
+        {
+          id: 'ps',
+          name: 'Palestine (‫فلسطين‬‎)',
+          code: '+970'
+        },
+        {
+          id: 'pa',
+          name: 'Panama (Panamá)',
+          code: '+507'
+        },
+        {
+          id: 'pg',
+          name: 'Papua New Guinea',
+          code: '+675'
+        },
+        {
+          id: 'py',
+          name: 'Paraguay',
+          code: '+595'
+        },
+        {
+          id: 'pe',
+          name: 'Peru (Perú)',
+          code: '+51'
+        },
+        {
+          id: 'ph',
+          name: 'Philippines',
+          code: '+63'
+        },
+        {
+          id: 'pl',
+          name: 'Poland (Polska)',
+          code: '+48'
+        },
+        {
+          id: 'pt',
+          name: 'Portugal',
+          code: '+351'
+        },
+        {
+          id: 'pr',
+          name: 'Puerto Rico',
+          code: '+1'
+        },
+        {
+          id: 'qa',
+          name: 'Qatar (‫قطر‬‎)',
+          code: '+974'
+        },
+        {
+          id: 're',
+          name: 'Réunion (La Réunion)',
+          code: '+262'
+        },
+        {
+          id: 'ro',
+          name: 'Romania (România)',
+          code: '+40'
+        },
+        {
+          id: 'ru',
+          name: 'Russia (Россия)',
+          code: '+7'
+        },
+        {
+          id: 'rw',
+          name: 'Rwanda',
+          code: '+250'
+        },
+        {
+          id: 'bl',
+          name: 'Saint Barthélemy',
+          code: '+590'
+        },
+        {
+          id: 'sh',
+          name: 'Saint Helena',
+          code: '+290'
+        },
+        {
+          id: 'kn',
+          name: 'Saint Kitts and Nevis',
+          code: '+1'
+        },
+        {
+          id: 'lc',
+          name: 'Saint Lucia',
+          code: '+1'
+        },
+        {
+          id: 'mf',
+          name: 'Saint Martin (Saint-Martin (partie française))',
+          code: '+590'
+        },
+        {
+          id: 'pm',
+          name: 'Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)',
+          code: '+508'
+        },
+        {
+          id: 'vc',
+          name: 'Saint Vincent and the Grenadines',
+          code: '+1'
+        },
+        {
+          id: 'ws',
+          name: 'Samoa',
+          code: '+685'
+        },
+        {
+          id: 'sm',
+          name: 'San Marino',
+          code: '+378'
+        },
+        {
+          id: 'st',
+          name: 'São Tomé and Príncipe (São Tomé e Príncipe)',
+          code: '+239'
+        },
+        {
+          id: 'sa',
+          name: 'Saudi Arabia (‫المملكة العربية السعودية‬‎)',
+          code: '+966'
+        },
+        {
+          id: 'sn',
+          name: 'Senegal (Sénégal)',
+          code: '+221'
+        },
+        {
+          id: 'rs',
+          name: 'Serbia (Србија)',
+          code: '+381'
+        },
+        {
+          id: 'sc',
+          name: 'Seychelles',
+          code: '+248'
+        },
+        {
+          id: 'sl',
+          name: 'Sierra Leone',
+          code: '+232'
+        },
+        {
+          id: 'sg',
+          name: 'Singapore',
+          code: '+65'
+        },
+        {
+          id: 'sx',
+          name: 'Sint Maarten',
+          code: '+1'
+        },
+        {
+          id: 'sk',
+          name: 'Slovakia (Slovensko)',
+          code: '+421'
+        },
+        {
+          id: 'si',
+          name: 'Slovenia (Slovenija)',
+          code: '+386'
+        },
+        {
+          id: 'sb',
+          name: 'Solomon Islands',
+          code: '+677'
+        },
+        {
+          id: 'so',
+          name: 'Somalia (Soomaaliya)',
+          code: '+252'
+        },
+        {
+          id: 'za',
+          name: 'South Africa',
+          code: '+27'
+        },
+        {
+          id: 'kr',
+          name: 'South Korea (대한민국)',
+          code: '+82'
+        },
+        {
+          id: 'ss',
+          name: 'South Sudan (‫جنوب السودان‬‎)',
+          code: '211'
+        },
+        {
+          id: 'es',
+          name: 'Spain (España)',
+          code: '+34'
+        },
+        {
+          id: 'lk',
+          name: 'Sri Lanka (ශ්‍රී ලංකාව)',
+          code: '+94'
+        },
+        {
+          id: 'sd',
+          name: 'Sudan (‫السودان‬‎)',
+          code: '+249'
+        },
+        {
+          id: 'sr',
+          name: 'Suriname',
+          code: '+597'
+        },
+        {
+          id: 'sj',
+          name: 'Svalbard and Jan Mayen',
+          code: '+47'
+        },
+        {
+          id: 'se',
+          name: 'Sweden (Sverige)',
+          code: '+46'
+        },
+        {
+          id: 'ch',
+          name: 'Switzerland (Schweiz)',
+          code: '+41'
+        },
+        {
+          id: 'sy',
+          name: 'Syria (‫سوريا‬‎)',
+          code: '+963'
+        },
+        {
+          id: 'tw',
+          name: 'Taiwan (台灣)',
+          code: '+886'
+        },
+        {
+          id: 'tj',
+          name: 'Tajikistan',
+          code: '+992'
+        },
+        {
+          id: 'tz',
+          name: 'Tanzania',
+          code: '+255'
+        },
+        {
+          id: 'th',
+          name: 'Thailand (ไทย)',
+          code: '+66'
+        },
+        {
+          id: 'tl',
+          name: 'Timor-Leste',
+          code: '+670'
+        },
+        {
+          id: 'tg',
+          name: 'Togo',
+          code: '+228'
+        },
+        {
+          id: 'tk',
+          name: 'Tokelau',
+          code: '+690'
+        },
+        {
+          id: 'to',
+          name: 'Tonga',
+          code: '+676'
+        },
+        {
+          id: 'tt',
+          name: 'Trinidad and Tobago',
+          code: '+1'
+        },
+        {
+          id: 'tn',
+          name: 'Tunisia (‫تونس‬‎)',
+          code: '+216'
+        },
+        {
+          id: 'tr',
+          name: 'Turkey (Türkiye)',
+          code: '+90'
+        },
+        {
+          id: 'tm',
+          name: 'Turkmenistan',
+          code: '+993'
+        },
+        {
+          id: 'tc',
+          name: 'Turks and Caicos Islands',
+          code: '+1'
+        },
+        {
+          id: 'tv',
+          name: 'Tuvalu',
+          code: '+688'
+        },
+        {
+          id: 'vi',
+          name: 'U.S. Virgin Islands',
+          code: '1'
+        },
+        {
+          id: 'ug',
+          name: 'Uganda',
+          code: '+256'
+        },
+        {
+          id: 'ua',
+          name: 'Ukraine (Україна)',
+          code: '+380'
+        },
+        {
+          id: 'ae',
+          name: 'United Arab Emirates (‫الإمارات العربية المتحدة‬‎)',
+          code: '+971'
+        },
+        {
+          id: 'gb',
+          name: 'United Kingdom',
+          code: '+44'
+        },
+        {
+          id: 'us',
+          name: 'United States',
+          code: '+1'
+        },
+        {
+          id: 'uy',
+          name: 'Uruguay',
+          code: '+598'
+        },
+        {
+          id: 'uz',
+          name: 'Uzbekistan (Oʻzbekiston)',
+          code: '+998'
+        },
+        {
+          id: 'vu',
+          name: 'Vanuatu',
+          code: '+678'
+        },
+        {
+          id: 'va',
+          name: 'Vatican City (Città del Vaticano)',
+          code: '+39'
+        },
+        {
+          id: 've',
+          name: 'Venezuela',
+          code: '+58'
+        },
+        {
+          id: 'vn',
+          name: 'Vietnam (Việt Nam)',
+          code: '+84'
+        },
+        {
+          id: 'wf',
+          name: 'Wallis and Futuna (Wallis-et-Futuna)',
+          code: '+681'
+        },
+        {
+          id: 'eh',
+          name: 'Western Sahara (‫الصحراء الغربية‬‎)',
+          code: '+212'
+        },
+        {
+          id: 'ye',
+          name: 'Yemen (‫اليمن‬‎)',
+          code: '+967'
+        },
+        {
+          id: 'zm',
+          name: 'Zambia',
+          code: '+260'
+        },
+        {
+          id: 'zw',
+          name: 'Zimbabwe',
+          code: '+263'
+        },
+        {
+          id: 'ax',
+          name: 'Åland Islands',
+          code: '+358'
+        },
       ]
-      // countryCodeOptions:[
-      //   {
-      //     id: '999',
-      //     name: '',
-      //     code: '請選擇'
-      //   },
-      //   {
-      //     id: 'af',
-      //     name: 'Afghanistan (‫افغانستان‬‎)',
-      //     code: '+93'
-      //   },
-      //   {
-      //     id: 'al',
-      //     name: 'Albania (Shqipëri)',
-      //     code: '+355'
-      //   },
-      //   {
-      //     id: 'dz',
-      //     name: 'Algeria (‫الجزائر‬‎)',
-      //     code: '+213'
-      //   },
-      //   {
-      //     id: 'as',
-      //     name: 'American Samoa',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ad',
-      //     name: 'Andorra',
-      //     code: '+376'
-      //   },
-      //   {
-      //     id: 'ao',
-      //     name: 'Angola',
-      //     code: '+244'
-      //   },
-      //   {
-      //     id: 'ai',
-      //     name: 'Anguilla',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ag',
-      //     name: 'Antigua and Barbuda',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ar',
-      //     name: 'Argentina',
-      //     code: '+54'
-      //   },
-      //   {
-      //     id: 'am',
-      //     name: 'Armenia (Հայաստան)',
-      //     code: '+374'
-      //   },
-      //   {
-      //     id: 'aw',
-      //     name: 'Aruba',
-      //     code: '+297'
-      //   },
-      //   {
-      //     id: 'ac',
-      //     name: 'Ascension Island',
-      //     code: '+247'
-      //   },
-      //   {
-      //     id: 'au',
-      //     name: 'Australia',
-      //     code: '+61'
-      //   },
-      //   {
-      //     id: 'at',
-      //     name: 'Austria (Österreich)',
-      //     code: '+43'
-      //   },
-      //   {
-      //     id: 'az',
-      //     name: 'Azerbaijan (Azərbaycan)',
-      //     code: '+994'
-      //   },
-      //   {
-      //     id: 'bs',
-      //     name: 'Bahamas',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'bh',
-      //     name: 'Bahrain (‫البحرين‬‎)',
-      //     code: '+973'
-      //   },
-      //   {
-      //     id: 'bd',
-      //     name: 'Bangladesh (বাংলাদেশ)',
-      //     code: '+880'
-      //   },
-      //   {
-      //     id: 'bb',
-      //     name: 'Barbados',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'by',
-      //     name: 'Belarus (Беларусь)',
-      //     code: '+375'
-      //   },
-      //   {
-      //     id: 'be',
-      //     name: 'Belgium (België)',
-      //     code: '+32'
-      //   },
-      //   {
-      //     id: 'bz',
-      //     name: 'Belize',
-      //     code: '+501'
-      //   },
-      //   {
-      //     id: 'bj',
-      //     name: 'Benin (Bénin)',
-      //     code: '+229'
-      //   },
-      //   {
-      //     id: 'bm',
-      //     name: 'Bermuda',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'bt',
-      //     name: 'Bhutan (འབྲུག)',
-      //     code: '+975'
-      //   },
-      //   {
-      //     id: 'bo',
-      //     name: 'Bolivia',
-      //     code: '+591'
-      //   },
-      //   {
-      //     id: 'ba',
-      //     name: 'Bosnia and Herzegovina (Босна и Херцеговина)',
-      //     code: '+387'
-      //   },
-      //   {
-      //     id: 'bw',
-      //     name: 'Botswana',
-      //     code: '+267'
-      //   },
-      //   {
-      //     id: 'br',
-      //     name: 'Brazil (Brasil)',
-      //     code: '+55'
-      //   },
-      //   {
-      //     id: 'io',
-      //     name: 'British Indian Ocean Territory',
-      //     code: '+246'
-      //   },
-      //   {
-      //     id: 'vg',
-      //     name: 'British Virgin Islands',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'bn',
-      //     name: 'Brunei',
-      //     code: '+673'
-      //   },
-      //   {
-      //     id: 'bg',
-      //     name: 'Bulgaria (България)',
-      //     code: '+359'
-      //   },
-      //   {
-      //     id: 'bf',
-      //     name: 'Burkina Faso',
-      //     code: '+226'
-      //   },
-      //   {
-      //     id: 'bi',
-      //     name: 'Burundi (Uburundi)',
-      //     code: '+257'
-      //   },
-      //   {
-      //     id: 'kh',
-      //     name: 'Cambodia (កម្ពុជា)',
-      //     code: '+855'
-      //   },
-      //   {
-      //     id: 'cm',
-      //     name: 'Cameroon (Cameroun)',
-      //     code: '+237'
-      //   },
-      //   {
-      //     id: 'ca',
-      //     name: 'Canada',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'cv',
-      //     name: 'Cape Verde (Kabu Verdi)',
-      //     code: '+238'
-      //   },
-      //   {
-      //     id: 'bq',
-      //     name: 'Caribbean Netherlands',
-      //     code: '+599'
-      //   },
-      //   {
-      //     id: 'ky',
-      //     name: 'Cayman Islands',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'cf',
-      //     name: 'Central African Republic (République centrafricaine)',
-      //     code: '+236'
-      //   },
-      //   {
-      //     id: 'td',
-      //     name: 'Chad (Tchad)',
-      //     code: '+235'
-      //   },
-      //   {
-      //     id: 'cl',
-      //     name: 'Chile',
-      //     code: '+56'
-      //   },
-      //   {
-      //     id: 'cn',
-      //     name: 'China (中国)',
-      //     code: '+86'
-      //   },
-      //   {
-      //     id: 'cx',
-      //     name: 'Christmas Island',
-      //     code: '+61'
-      //   },
-      //   {
-      //     id: 'cc',
-      //     name: 'Cocos (Keeling) Islands',
-      //     code: '+61'
-      //   },
-      //   {
-      //     id: 'co',
-      //     name: 'Colombia',
-      //     code: '+57'
-      //   },
-      //   {
-      //     id: 'km',
-      //     name: 'Comoros (‫جزر القمر‬‎)',
-      //     code: '+269'
-      //   },
-      //   {
-      //     id: 'cd',
-      //     name: 'Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)',
-      //     code: '+243'
-      //   },
-      //   {
-      //     id: 'cg',
-      //     name: 'Congo (Republic) (Congo-Brazzaville)',
-      //     code: '+242'
-      //   },
-      //   {
-      //     id: 'ck',
-      //     name: 'Cook Islands',
-      //     code: '+682'
-      //   },
-      //   {
-      //     id: 'cr',
-      //     name: 'Costa Rica',
-      //     code: '+506'
-      //   },
-      //   {
-      //     id: 'ci',
-      //     name: 'Côte d’Ivoire',
-      //     code: '+225'
-      //   },
-      //   {
-      //     id: 'hr',
-      //     name: 'Croatia (Hrvatska)',
-      //     code: '+385'
-      //   },
-      //   {
-      //     id: 'cu',
-      //     name: 'Cuba',
-      //     code: '+53'
-      //   },
-      //   {
-      //     id: 'cw',
-      //     name: 'Curaçao',
-      //     code: '+599'
-      //   },
-      //   {
-      //     id: 'cy',
-      //     name: 'Cyprus (Κύπρος)',
-      //     code: '+357'
-      //   },
-      //   {
-      //     id: 'cz',
-      //     name: 'Czech Republic (Česká republika)',
-      //     code: '+420'
-      //   },
-      //   {
-      //     id: 'dk',
-      //     name: 'Denmark (Danmark)',
-      //     code: '+45'
-      //   },
-      //   {
-      //     id: 'dj',
-      //     name: 'Djibouti',
-      //     code: '+253'
-      //   },
-      //   {
-      //     id: 'dm',
-      //     name: 'Dominica',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'do',
-      //     name: 'Dominican Republic (República Dominicana)',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ec',
-      //     name: 'Ecuador',
-      //     code: '+593'
-      //   },
-      //   {
-      //     id: 'eg',
-      //     name: 'Egypt (‫مصر‬‎)',
-      //     code: '+20'
-      //   },
-      //   {
-      //     id: 'sv',
-      //     name: 'El Salvador',
-      //     code: '+503'
-      //   },
-      //   {
-      //     id: 'gq',
-      //     name: 'Equatorial Guinea (Guinea Ecuatorial)',
-      //     code: '+240'
-      //   },
-      //   {
-      //     id: 'er',
-      //     name: 'Eritrea',
-      //     code: '+291'
-      //   },
-      //   {
-      //     id: 'ee',
-      //     name: 'Estonia (Eesti)',
-      //     code: '+372'
-      //   },
-      //   {
-      //     id: 'sz',
-      //     name: 'Eswatini',
-      //     code: '+268'
-      //   },
-      //   {
-      //     id: 'et',
-      //     name: 'Ethiopia',
-      //     code: '+251'
-      //   },
-      //   {
-      //     id: 'fk',
-      //     name: 'Falkland Islands (Islas Malvinas)',
-      //     code: '+500'
-      //   },
-      //   {
-      //     id: 'fo',
-      //     name: 'Faroe Islands (Føroyar)',
-      //     code: '+298'
-      //   },
-      //   {
-      //     id: 'fj',
-      //     name: 'Fiji',
-      //     code: '+679'
-      //   },
-      //   {
-      //     id: 'fi',
-      //     name: 'Finland (Suomi)',
-      //     code: '+358'
-      //   },
-      //   {
-      //     id: 'fr',
-      //     name: 'France',
-      //     code: '+33'
-      //   },
-      //   {
-      //     id: 'gf',
-      //     name: 'French Guiana (Guyane française)',
-      //     code: '+594'
-      //   },
-      //   {
-      //     id: 'pf',
-      //     name: 'French Polynesia (Polynésie française)',
-      //     code: '+689'
-      //   },
-      //   {
-      //     id: 'ga',
-      //     name: 'Gabon',
-      //     code: '+241'
-      //   },
-      //   {
-      //     id: 'gm',
-      //     name: 'Gambia',
-      //     code: '+220'
-      //   },
-      //   {
-      //     id: 'ge',
-      //     name: 'Georgia (საქართველო)',
-      //     code: '+995'
-      //   },
-      //   {
-      //     id: 'de',
-      //     name: 'Germany (Deutschland)',
-      //     code: '+49'
-      //   },
-      //   {
-      //     id: 'gh',
-      //     name: 'Ghana (Gaana)',
-      //     code: '+233'
-      //   },
-      //   {
-      //     id: 'gi',
-      //     name: 'Gibraltar',
-      //     code: '+350'
-      //   },
-      //   {
-      //     id: 'gr',
-      //     name: 'Greece (Ελλάδα)',
-      //     code: '+30'
-      //   },
-      //   {
-      //     id: 'gl',
-      //     name: 'Greenland (Kalaallit Nunaat)',
-      //     code: '+299'
-      //   },
-      //   {
-      //     id: 'gd',
-      //     name: 'Grenada',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'gp',
-      //     name: 'Guadeloupe',
-      //     code: '+590'
-      //   },
-      //   {
-      //     id: 'gu',
-      //     name: 'Guam',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'gt',
-      //     name: 'Guatemala',
-      //     code: '+502'
-      //   },
-      //   {
-      //     id: 'gg',
-      //     name: 'Guernsey',
-      //     code: '+44'
-      //   },
-      //   {
-      //     id: 'gn',
-      //     name: 'Guinea (Guinée)',
-      //     code: '+224'
-      //   },
-      //   {
-      //     id: 'gw',
-      //     name: 'Guinea-Bissau (Guiné Bissau)',
-      //     code: '+245'
-      //   },
-      //   {
-      //     id: 'gy',
-      //     name: 'Guyana',
-      //     code: '+592'
-      //   },
-      //   {
-      //     id: 'ht',
-      //     name: 'Haiti',
-      //     code: '+509'
-      //   },
-      //   {
-      //     id: 'hn',
-      //     name: 'Honduras',
-      //     code: '+504'
-      //   },
-      //   {
-      //     id: 'hk',
-      //     name: 'Hong Kong (香港)',
-      //     code: '+852'
-      //   },
-      //   {
-      //     id: 'hu',
-      //     name: 'Hungary (Magyarország)',
-      //     code: '+36'
-      //   },
-      //   {
-      //     id: 'is',
-      //     name: 'Iceland (Ísland)',
-      //     code: '+354'
-      //   },
-      //   {
-      //     id: 'in',
-      //     name: 'India (भारत)',
-      //     code: '+91'
-      //   },
-      //   {
-      //     id: 'id',
-      //     name: 'Indonesia',
-      //     code: '+62'
-      //   },
-      //   {
-      //     id: 'ir',
-      //     name: 'Iran (‫ایران‬‎)',
-      //     code: '+98'
-      //   },
-      //   {
-      //     id: 'iq',
-      //     name: 'Iraq (‫العراق‬‎)',
-      //     code: '+964'
-      //   },
-      //   {
-      //     id: 'ie',
-      //     name: 'Ireland',
-      //     code: '+353'
-      //   },
-      //   {
-      //     id: 'im',
-      //     name: 'Isle of Man',
-      //     code: '+44'
-      //   },
-      //   {
-      //     id: 'il',
-      //     name: 'Israel (‫ישראל‬‎)',
-      //     code: '+972'
-      //   },
-      //   {
-      //     id: 'it',
-      //     name: 'Italy (Italia)',
-      //     code: '+39'
-      //   },
-      //   {
-      //     id: 'jm',
-      //     name: 'Jamaica',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'jp',
-      //     name: 'Japan (日本)',
-      //     code: '+81'
-      //   },
-      //   {
-      //     id: 'je',
-      //     name: 'Jersey',
-      //     code: '+44'
-      //   },
-      //   {
-      //     id: 'jo',
-      //     name: 'Jordan (‫الأردن‬‎)',
-      //     code: '+962'
-      //   },
-      //   {
-      //     id: 'kz',
-      //     name: 'Kazakhstan (Казахстан)',
-      //     code: '+7'
-      //   },
-      //   {
-      //     id: 'ke',
-      //     name: 'Kenya',
-      //     code: '+254'
-      //   },
-      //   {
-      //     id: 'ki',
-      //     name: 'Kiribati',
-      //     code: '+686'
-      //   },
-      //   {
-      //     id: 'xk',
-      //     name: 'Kosovo',
-      //     code: '+383'
-      //   },
-      //   {
-      //     id: 'kw',
-      //     name: 'Kuwait (‫الكويت‬‎)',
-      //     code: '+965'
-      //   },
-      //   {
-      //     id: 'kg',
-      //     name: 'Kyrgyzstan (Кыргызстан)',
-      //     code: '+996'
-      //   },
-      //   {
-      //     id: 'la',
-      //     name: 'Laos (ລາວ)',
-      //     code: '+856'
-      //   },
-      //   {
-      //     id: 'lv',
-      //     name: 'Latvia (Latvija)',
-      //     code: '+371'
-      //   },
-      //   {
-      //     id: 'lb',
-      //     name: 'Lebanon (‫لبنان‬‎)',
-      //     code: '+961'
-      //   },
-      //   {
-      //     id: 'ls',
-      //     name: 'Lesotho',
-      //     code: '266'
-      //   },
-      //   {
-      //     id: 'lr',
-      //     name: 'Liberia',
-      //     code: '+231'
-      //   },
-      //   {
-      //     id: 'ly',
-      //     name: 'Libya (‫ليبيا‬‎)',
-      //     code: '+218'
-      //   },
-      //   {
-      //     id: 'li',
-      //     name: 'Liechtenstein',
-      //     code: '+423'
-      //   },
-      //   {
-      //     id: 'lt',
-      //     name: 'Lithuania (Lietuva)',
-      //     code: '+370'
-      //   },
-      //   {
-      //     id: 'lu',
-      //     name: 'Luxembourg',
-      //     code: '+352'
-      //   },
-      //   {
-      //     id: 'mo',
-      //     name: 'Macau (澳門)',
-      //     code: '+853'
-      //   },
-      //   {
-      //     id: 'mk',
-      //     name: 'North Macedonia (Македонија)',
-      //     code: '+389'
-      //   },
-      //   {
-      //     id: 'mg',
-      //     name: 'Madagascar (Madagasikara)',
-      //     code: '+261'
-      //   },
-      //   {
-      //     id: 'mw',
-      //     name: 'Malawi',
-      //     code: '+265'
-      //   },
-      //   {
-      //     id: 'my',
-      //     name: 'Malaysia',
-      //     code: '+60'
-      //   },
-      //   {
-      //     id: 'mv',
-      //     name: 'Maldives',
-      //     code: '+960'
-      //   },
-      //   {
-      //     id: 'ml',
-      //     name: 'Mali',
-      //     code: '+223'
-      //   },
-      //   {
-      //     id: 'mt',
-      //     name: 'Malta',
-      //     code: '+356'
-      //   },
-      //   {
-      //     id: 'mh',
-      //     name: 'Marshall Islands',
-      //     code: '+692'
-      //   },
-      //   {
-      //     id: 'mq',
-      //     name: 'Martinique',
-      //     code: '+596'
-      //   },
-      //   {
-      //     id: 'mr',
-      //     name: 'Mauritania (‫موريتانيا‬‎)',
-      //     code: '+222'
-      //   },
-      //   {
-      //     id: 'mu',
-      //     name: 'Mauritius (Moris)',
-      //     code: '+230'
-      //   },
-      //   {
-      //     id: 'yt',
-      //     name: 'Mayotte',
-      //     code: '+262'
-      //   },
-      //   {
-      //     id: 'mx',
-      //     name: 'Mexico (México)',
-      //     code: '+52'
-      //   },
-      //   {
-      //     id: 'fm',
-      //     name: 'Micronesia',
-      //     code: '+691'
-      //   },
-      //   {
-      //     id: 'md',
-      //     name: 'Moldova (Republica Moldova)',
-      //     code: '+373'
-      //   },
-      //   {
-      //     id: 'mc',
-      //     name: 'Monaco',
-      //     code: '+377'
-      //   },
-      //   {
-      //     id: 'mn',
-      //     name: 'Mongolia (Монгол)',
-      //     code: '+976'
-      //   },
-      //   {
-      //     id: 'me',
-      //     name: 'Montenegro (Crna Gora)',
-      //     code: '+382'
-      //   },
-      //   {
-      //     id: 'ms',
-      //     name: 'Montserrat',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ma',
-      //     name: 'Morocco (‫المغرب‬‎)',
-      //     code: '+212'
-      //   },
-      //   {
-      //     id: 'mz',
-      //     name: 'Mozambique (Moçambique)',
-      //     code: '+258'
-      //   },
-      //   {
-      //     id: 'mm',
-      //     name: 'Myanmar (Burma) (မြန်မာ)',
-      //     code: '+95'
-      //   },
-      //   {
-      //     id: 'na',
-      //     name: 'Namibia (Namibië)',
-      //     code: '+264'
-      //   },
-      //   {
-      //     id: 'nr',
-      //     name: 'Nauru',
-      //     code: '+674'
-      //   },
-      //   {
-      //     id: 'np',
-      //     name: 'Nepal (नेपाल)',
-      //     code: '+977'
-      //   },
-      //   {
-      //     id: 'nl',
-      //     name: 'Netherlands (Nederland)',
-      //     code: '+31'
-      //   },
-      //   {
-      //     id: 'nc',
-      //     name: 'New Caledonia (Nouvelle-Calédonie)',
-      //     code: '+687'
-      //   },
-      //   {
-      //     id: 'nz',
-      //     name: 'New Zealand',
-      //     code: '+64'
-      //   },
-      //   {
-      //     id: 'ni',
-      //     name: 'Nicaragua',
-      //     code: '+505'
-      //   },
-      //   {
-      //     id: 'ne',
-      //     name: 'Niger (Nijar)',
-      //     code: '+227'
-      //   },
-      //   {
-      //     id: 'ng',
-      //     name: 'Nigeria',
-      //     code: '+234'
-      //   },
-      //   {
-      //     id: 'nu',
-      //     name: 'Niue',
-      //     code: '+683'
-      //   },
-      //   {
-      //     id: 'nf',
-      //     name: 'Norfolk Island',
-      //     code: '+672'
-      //   },
-      //   {
-      //     id: 'kp',
-      //     name: 'North Korea (조선 민주주의 인민 공화국)',
-      //     code: '850'
-      //   },
-      //   {
-      //     id: 'mp',
-      //     name: 'Northern Mariana Islands',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'no',
-      //     name: 'Norway (Norge)',
-      //     code: '+47'
-      //   },
-      //   {
-      //     id: 'om',
-      //     name: 'Oman (‫عُمان‬‎)',
-      //     code: '+968'
-      //   },
-      //   {
-      //     id: 'pk',
-      //     name: 'Pakistan (‫پاکستان‬‎)',
-      //     code: '+92'
-      //   },
-      //   {
-      //     id: 'pw',
-      //     name: 'Palau',
-      //     code: '+680'
-      //   },
-      //   {
-      //     id: 'ps',
-      //     name: 'Palestine (‫فلسطين‬‎)',
-      //     code: '+970'
-      //   },
-      //   {
-      //     id: 'pa',
-      //     name: 'Panama (Panamá)',
-      //     code: '+507'
-      //   },
-      //   {
-      //     id: 'pg',
-      //     name: 'Papua New Guinea',
-      //     code: '+675'
-      //   },
-      //   {
-      //     id: 'py',
-      //     name: 'Paraguay',
-      //     code: '+595'
-      //   },
-      //   {
-      //     id: 'pe',
-      //     name: 'Peru (Perú)',
-      //     code: '+51'
-      //   },
-      //   {
-      //     id: 'ph',
-      //     name: 'Philippines',
-      //     code: '+63'
-      //   },
-      //   {
-      //     id: 'pl',
-      //     name: 'Poland (Polska)',
-      //     code: '+48'
-      //   },
-      //   {
-      //     id: 'pt',
-      //     name: 'Portugal',
-      //     code: '+351'
-      //   },
-      //   {
-      //     id: 'pr',
-      //     name: 'Puerto Rico',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'qa',
-      //     name: 'Qatar (‫قطر‬‎)',
-      //     code: '+974'
-      //   },
-      //   {
-      //     id: 're',
-      //     name: 'Réunion (La Réunion)',
-      //     code: '+262'
-      //   },
-      //   {
-      //     id: 'ro',
-      //     name: 'Romania (România)',
-      //     code: '+40'
-      //   },
-      //   {
-      //     id: 'ru',
-      //     name: 'Russia (Россия)',
-      //     code: '+7'
-      //   },
-      //   {
-      //     id: 'rw',
-      //     name: 'Rwanda',
-      //     code: '+250'
-      //   },
-      //   {
-      //     id: 'bl',
-      //     name: 'Saint Barthélemy',
-      //     code: '+590'
-      //   },
-      //   {
-      //     id: 'sh',
-      //     name: 'Saint Helena',
-      //     code: '+290'
-      //   },
-      //   {
-      //     id: 'kn',
-      //     name: 'Saint Kitts and Nevis',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'lc',
-      //     name: 'Saint Lucia',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'mf',
-      //     name: 'Saint Martin (Saint-Martin (partie française))',
-      //     code: '590'
-      //   },
-      //   {
-      //     id: 'pm',
-      //     name: 'Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)',
-      //     code: '+508'
-      //   },
-      //   {
-      //     id: 'vc',
-      //     name: 'Saint Vincent and the Grenadines',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'ws',
-      //     name: 'Samoa',
-      //     code: '+685'
-      //   },
-      //   {
-      //     id: 'sm',
-      //     name: 'San Marino',
-      //     code: '+378'
-      //   },
-      //   {
-      //     id: 'st',
-      //     name: 'São Tomé and Príncipe (São Tomé e Príncipe)',
-      //     code: '+239'
-      //   },
-      //   {
-      //     id: 'sa',
-      //     name: 'Saudi Arabia (‫المملكة العربية السعودية‬‎)',
-      //     code: '+966'
-      //   },
-      //   {
-      //     id: 'sn',
-      //     name: 'Senegal (Sénégal)',
-      //     code: '+221'
-      //   },
-      //   {
-      //     id: 'rs',
-      //     name: 'Serbia (Србија)',
-      //     code: '+381'
-      //   },
-      //   {
-      //     id: 'sc',
-      //     name: 'Seychelles',
-      //     code: '+248'
-      //   },
-      //   {
-      //     id: 'sl',
-      //     name: 'Sierra Leone',
-      //     code: '+232'
-      //   },
-      //   {
-      //     id: 'sg',
-      //     name: 'Singapore',
-      //     code: '+65'
-      //   },
-      //   {
-      //     id: 'sx',
-      //     name: 'Sint Maarten',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'sk',
-      //     name: 'Slovakia (Slovensko)',
-      //     code: '+421'
-      //   },
-      //   {
-      //     id: 'si',
-      //     name: 'Slovenia (Slovenija)',
-      //     code: '+386'
-      //   },
-      //   {
-      //     id: 'sb',
-      //     name: 'Solomon Islands',
-      //     code: '+677'
-      //   },
-      //   {
-      //     id: 'so',
-      //     name: 'Somalia (Soomaaliya)',
-      //     code: '+252'
-      //   },
-      //   {
-      //     id: 'za',
-      //     name: 'South Africa',
-      //     code: '+27'
-      //   },
-      //   {
-      //     id: 'kr',
-      //     name: 'South Korea (대한민국)',
-      //     code: '+82'
-      //   },
-      //   {
-      //     id: 'ss',
-      //     name: 'South Sudan (‫جنوب السودان‬‎)',
-      //     code: '211'
-      //   },
-      //   {
-      //     id: 'es',
-      //     name: 'Spain (España)',
-      //     code: '+34'
-      //   },
-      //   {
-      //     id: 'lk',
-      //     name: 'Sri Lanka (ශ්‍රී ලංකාව)',
-      //     code: '+94'
-      //   },
-      //   {
-      //     id: 'sd',
-      //     name: 'Sudan (‫السودان‬‎)',
-      //     code: '+249'
-      //   },
-      //   {
-      //     id: 'sr',
-      //     name: 'Suriname',
-      //     code: '+597'
-      //   },
-      //   {
-      //     id: 'sj',
-      //     name: 'Svalbard and Jan Mayen',
-      //     code: '+47'
-      //   },
-      //   {
-      //     id: 'se',
-      //     name: 'Sweden (Sverige)',
-      //     code: '+46'
-      //   },
-      //   {
-      //     id: 'ch',
-      //     name: 'Switzerland (Schweiz)',
-      //     code: '+41'
-      //   },
-      //   {
-      //     id: 'sy',
-      //     name: 'Syria (‫سوريا‬‎)',
-      //     code: '+963'
-      //   },
-      //   {
-      //     id: 'tw',
-      //     name: 'Taiwan (台灣)',
-      //     code: '+886'
-      //   },
-      //   {
-      //     id: 'tj',
-      //     name: 'Tajikistan',
-      //     code: '+992'
-      //   },
-      //   {
-      //     id: 'tz',
-      //     name: 'Tanzania',
-      //     code: '+255'
-      //   },
-      //   {
-      //     id: 'th',
-      //     name: 'Thailand (ไทย)',
-      //     code: '+66'
-      //   },
-      //   {
-      //     id: 'tl',
-      //     name: 'Timor-Leste',
-      //     code: '+670'
-      //   },
-      //   {
-      //     id: 'tg',
-      //     name: 'Togo',
-      //     code: '+228'
-      //   },
-      //   {
-      //     id: 'tk',
-      //     name: 'Tokelau',
-      //     code: '+690'
-      //   },
-      //   {
-      //     id: 'to',
-      //     name: 'Tonga',
-      //     code: '+676'
-      //   },
-      //   {
-      //     id: 'tt',
-      //     name: 'Trinidad and Tobago',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'tn',
-      //     name: 'Tunisia (‫تونس‬‎)',
-      //     code: '+216'
-      //   },
-      //   {
-      //     id: 'tr',
-      //     name: 'Turkey (Türkiye)',
-      //     code: '+90'
-      //   },
-      //   {
-      //     id: 'tm',
-      //     name: 'Turkmenistan',
-      //     code: '+993'
-      //   },
-      //   {
-      //     id: 'tc',
-      //     name: 'Turks and Caicos Islands',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'tv',
-      //     name: 'Tuvalu',
-      //     code: '+688'
-      //   },
-      //   {
-      //     id: 'vi',
-      //     name: 'U.S. Virgin Islands',
-      //     code: '1'
-      //   },
-      //   {
-      //     id: 'ug',
-      //     name: 'Uganda',
-      //     code: '+256'
-      //   },
-      //   {
-      //     id: 'ua',
-      //     name: 'Ukraine (Україна)',
-      //     code: '+380'
-      //   },
-      //   {
-      //     id: 'ae',
-      //     name: 'United Arab Emirates (‫الإمارات العربية المتحدة‬‎)',
-      //     code: '+971'
-      //   },
-      //   {
-      //     id: 'gb',
-      //     name: 'United Kingdom',
-      //     code: '+44'
-      //   },
-      //   {
-      //     id: 'us',
-      //     name: 'United States',
-      //     code: '+1'
-      //   },
-      //   {
-      //     id: 'uy',
-      //     name: 'Uruguay',
-      //     code: '+598'
-      //   },
-      //   {
-      //     id: 'uz',
-      //     name: 'Uzbekistan (Oʻzbekiston)',
-      //     code: '+998'
-      //   },
-      //   {
-      //     id: 'vu',
-      //     name: 'Vanuatu',
-      //     code: '+678'
-      //   },
-      //   {
-      //     id: 'va',
-      //     name: 'Vatican City (Città del Vaticano)',
-      //     code: '+39'
-      //   },
-      //   {
-      //     id: 've',
-      //     name: 'Venezuela',
-      //     code: '+58'
-      //   },
-      //   {
-      //     id: 'vn',
-      //     name: 'Vietnam (Việt Nam)',
-      //     code: '+84'
-      //   },
-      //   {
-      //     id: 'wf',
-      //     name: 'Wallis and Futuna (Wallis-et-Futuna)',
-      //     code: '+681'
-      //   },
-      //   {
-      //     id: 'eh',
-      //     name: 'Western Sahara (‫الصحراء الغربية‬‎)',
-      //     code: '+212'
-      //   },
-      //   {
-      //     id: 'ye',
-      //     name: 'Yemen (‫اليمن‬‎)',
-      //     code: '+967'
-      //   },
-      //   {
-      //     id: 'zm',
-      //     name: 'Zambia',
-      //     code: '+260'
-      //   },
-      //   {
-      //     id: 'zw',
-      //     name: 'Zimbabwe',
-      //     code: '+263'
-      //   },
-      //   {
-      //     id: 'ax',
-      //     name: 'Åland Islands',
-      //     code: '+358'
-      //   },
-      // ]
-      
     };
   },
   props: {
@@ -2424,6 +2443,11 @@ code: '+358'
   },
   created(){
     this.getCode();
+    if(this.$i18n.localeProperties["langQuery"] == "zh-TW"){
+      this.language = true;
+    }else{
+      this.language = false;
+    }
   },
   mounted() { },
   watch: {
@@ -2449,7 +2473,7 @@ code: '+358'
 <style lang="scss" scoped>
 select {
   background-image: url("~/assets/svg/down-arrow.svg");
-  width: auto;
+  width: 120px;
   height: auto;
   background-position: right 12px center;
   background-repeat: no-repeat;
diff --git a/FrontEnd/pages/user/editPersonalInfo.vue b/FrontEnd/pages/user/editPersonalInfo.vue
index 706b67a..bc3fb75 100644
--- a/FrontEnd/pages/user/editPersonalInfo.vue
+++ b/FrontEnd/pages/user/editPersonalInfo.vue
@@ -107,7 +107,7 @@
             <div class="tw-text-[14px] tw-text-base-primary tw-mb-[10px]">
               {{ $t("userProfile.phone") }}
             </div>
-            <div class="tw-grid tw-grid-cols-[120px_auto]">
+            <div class="tw-grid tw-grid-cols-[120px_auto] tw-gap-[5px]">
               <elementCountryCodeSelect :select="{
               required: true,
             }" :userCodeSelect="codeSelect" :validation="validation.codeSelect" @returnCode = "getReturnCode"></elementCountryCodeSelect>