ShowEasyFrontEnd/FrontEnd/components/newComponent/form/ElementCountryCodeSelect.vue

<template>
  <div class="tw-flex tw-flex-col">
    <div v-if="language">
      <select v-model="codeSelect" 
            :class="['tw-text-black 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 :value="0">{{ $t("Select option") }}</option>
            <option 
              v-for="(item, index) in countryCodeOptions_tw"
              :key="index"
              :value="item.id"
            >
              {{ item.code + " " + item.name }}
            </option>
      </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>
export default {
  name: "elementCountryCodeSelect",

  data() {
    return {
      language: true,
      codeSelect: "999",
      countryCodeOptions_tw:[

{
id: 'as',
name: '美屬薩摩亞',
code: '+1'
},
{
id: 'ai',
name: '安圭拉',
code: '+1'
},
{
id: 'ag',
name: '安提瓜和巴布達',
code: '+1'
},
{
id: 'bs',
name: '巴哈馬',
code: '+1'
},
{
id: 'bb',
name: '巴巴多斯',
code: '+1'
},
{
id: 'bm',
name: '百慕達',
code: '+1'
},
{
id: 'vg',
name: '英屬維京群島',
code: '+1'
},
{
id: 'ca',
name: '加拿大',
code: '+1'
},
{
id: 'ky',
name: '開曼群島',
code: '+1'
},
{
id: 'dm',
name: '多米尼克',
code: '+1'
},
{
id: 'do',
name: '多明尼加共和國（República Dominicana）',
code: '+1'
},
{
id: 'gu',
name: '關島',
code: '+1'
},
{
id: 'gd',
name: '格瑞那達',
code: '+1'
},
{
id: 'us',
name: '美國',
code: '+1'
},
{
id: 'tt',
name: '千里達及托巴哥',
code: '+1'
},
{
id: 'sx',
name: '荷屬聖馬丁',
code: '+1'
},
{
id: 'vc',
name: '聖文森及格瑞那丁',
code: '+1'
},
{
id: 'kn',
name: '聖克里斯多福及尼維斯',
code: '+1'
},
{
id: 'lc',
name: '聖盧西亞',
code: '+1'
},
{
id: 'pr',
name: '波多黎各',
code: '+1'
},
{
id: 'mp',
name: '北馬里亞納群島',
code: '+1'
},
{
id: 'ms',
name: '蒙特塞拉特',
code: '+1'
},
{
id: 'jm',
name: '牙買加',
code: '+1'
},
{
id: 'vi',
name: '美屬維京群島',
code: '+1'
},
{
id: 'tc',
name: '特克斯和凱科斯群島',
code: '+1'
},
{
id: 'kz',
name: '哈薩克斯坦 (Казахстан)',
code: '+7'
},
{
id: 'ru',
name: '俄羅斯（Россия）',
code: '+7'
},
{
id: 'eg',
name: '埃及（‫مصر‬‎）',
code: '+20'
},
{
id: 'za',
name: '南非',
code: '+27'
},
{
id: 'gr',
name: '希臘',
code: '+30'
},
{
id: 'nl',
name: '荷蘭',
code: '+31'
},
{
id: 'be',
name: '比利時（België）',
code: '+32'
},
{
id: 'fr',
name: '法國',
code: '+33'
},
{
id: 'es',
name: '西班牙',
code: '+34'
},
{
id: 'it',
name: '意大利 (Italia)',
code: '+39'
},
{
id: 'va',
name: '梵蒂岡城',
code: '+39'
},
{
id: 'ro',
name: '羅馬尼亞（România）',
code: '+40'
},
{
id: 'ch',
name: '瑞士',
code: '+41'
},
{
id: 'gg',
name: '根西島',
code: '+44'
},
{
id: 'gb',
name: '英國',
code: '+44'
},
{
id: 'je',
name: '澤西島',
code: '+44'
},
{
id: 'dk',
name: '丹麥（Danmark）',
code: '+45'
},
{
id: 'se',
name: '瑞典',
code: '+46'
},
{
id: 'sj',
name: '斯瓦爾巴和揚馬延',
code: '+47'
},
{
id: 'no',
name: '挪威',
code: '+47'
},
{
id: 'pl',
name: '波蘭（Polska）',
code: '+48'
},
{
id: 'de',
name: '德國',
code: '+49'
},
{
id: 'pe',
name: '秘魯（Perú）',
code: '+51'
},
{
id: 'mx',
name: '墨西哥',
code: '+52'
},
{
id: 'cu',
name: '古巴',
code: '+53'
},
{
id: 'ar',
name: '阿根廷',
code: '+54'
},
{
id: 'br',
name: '巴西',
code: '+55'
},
{
id: 'cl',
name: '智利',
code: '+56'
},
{
id: 'co',
name: '哥倫比亞',
code: '+57'
},
{
id: 've',
name: '委內瑞拉',
code: '+58'
},
{
id: 'my',
name: '馬來西亞',
code: '+60'
},
{
id: 'au',
name: '澳大利亞',
code: '+61'
},
{
id: 'cx',
name: '聖誕島',
code: '+61'
},
{
id: 'cc',
name: '科科斯群島（基林）',
code: '+61'
},
{
id: 'ph',
name: '菲律賓',
code: '+63'
},
{
id: 'nz',
name: '新西蘭',
code: '+64'
},
{
id: 'sg',
name: '新加坡',
code: '+65'
},
{
id: 'th',
name: '泰國',
code: '+66'
},
{
id: 'jp',
name: '日本 (日本)',
code: '+81'
},
{
id: 'kr',
name: '南韓',
code: '+82'
},
{
id: 'vn',
name: '越南',
code: '+84'
},
{
id: 'cn',
name: '中國（中国）',
code: '+86'
},
{
id: 'tr',
name: '土耳其',
code: '+90'
},
{
id: 'pk',
name: '巴基斯坦',
code: '+92'
},
{
id: 'af',
name: '阿富汗（‫افغانستان‬‎）',
code: '+93'
},
{
id: 'lk',
name: '斯里蘭卡',
code: '+94'
},
{
id: 'mm',
name: '緬甸',
code: '+95'
},
{
id: 'ss',
name: '南蘇丹',
code: '+211'
},
{
id: 'ma',
name: '摩洛哥',
code: '+212'
},
{
id: 'eh',
name: '西撒哈拉',
code: '+212'
},
{
id: 'dz',
name: '阿爾及利亞（‫الجزائر‬‎）',
code: '+213'
},
{
id: 'tn',
name: '突尼西亞',
code: '+216'
},
{
id: 'ly',
name: '利比亞 (‫ليبيا‬‎)',
code: '+218'
},
{
id: 'gm',
name: '甘比亞',
code: '+220'
},
{
id: 'sn',
name: '塞內加爾',
code: '+221'
},
{
id: 'mr',
name: '茅利塔尼亞 (‫موريتانيا‬‎)',
code: '+222'
},
{
id: 'ml',
name: '馬里',
code: '+223'
},
{
id: 'gn',
name: '幾內亞',
code: '+224'
},
{
id: 'ci',
name: '科特迪瓦',
code: '+225'
},
{
id: 'bf',
name: '布基納法索',
code: '+226'
},
{
id: 'ne',
name: '尼日',
code: '+227'
},
{
id: 'tg',
name: '多哥',
code: '+228'
},
{
id: 'bj',
name: '貝南',
code: '+229'
},
{
id: 'mu',
name: '毛里求斯',
code: '+230'
},
{
id: 'lr',
name: '利比里亞',
code: '+231'
},
{
id: 'sl',
name: '獅子山',
code: '+232'
},
{
id: 'gh',
name: '迦納',
code: '+233'
},
{
id: 'ng',
name: '尼日利亞',
code: '+234'
},
{
id: 'td',
name: '查德',
code: '+235'
},
{
id: 'cf',
name: '中非共和國',
code: '+236'
},
{
id: 'cm',
name: '喀麥隆',
code: '+237'
},
{
id: 'cv',
name: '佛得角',
code: '+238'
},
{
id: 'st',
name: '聖多美和普林西比',
code: '+239'
},
{
id: 'gq',
name: '赤道幾內亞',
code: '+240'
},
{
id: 'ga',
name: '加彭',
code: '+241'
},
{
id: 'cg',
name: '剛果（布）（Congo-Brazzaville）',
code: '+242'
},
{
id: 'cd',
name: '剛果（金）（Jamhuri ya Kidemokrasia ya Kongo）',
code: '+243'
},
{
id: 'ao',
name: '安哥拉',
code: '+244'
},
{
id: 'gw',
name: '幾內亞比索',
code: '+245'
},
{
id: 'sc',
name: '塞舌爾',
code: '+248'
},
{
id: 'sd',
name: '蘇丹',
code: '+249'
},
{
id: 'io',
name: '英屬印度洋領地',
code: '+246'
},
{
id: 'ac',
name: '阿森松島',
code: '+247'
},
{
id: 'rw',
name: '盧安達',
code: '+250'
},
{
id: 'et',
name: '衣索比亞',
code: '+251'
},
{
id: 'so',
name: '索馬利亞',
code: '+252'
},
{
id: 'dj',
name: '吉布地',
code: '+253'
},
{
id: 'ke',
name: '肯尼亞',
code: '+254'
},
{
id: 'tz',
name: '坦桑尼亞',
code: '+255'
},
{
id: 'ug',
name: '烏干達',
code: '+256'
},
{
id: 'bi',
name: '蒲隆地',
code: '+257'
},
{
id: 'mz',
name: '莫桑比克',
code: '+258'
},
{
id: 'zm',
name: '尚比亞',
code: '+260'
},
{
id: 'mg',
name: '馬達加斯加 (Madagasikara)',
code: '+261'
},
{
id: 'yt',
name: '馬約特',
code: '+262'
},
{
id: 're',
name: '留尼旺（La Réunion）',
code: '+262'
},
{
id: 'zw',
name: '辛巴威',
code: '+263'
},
{
id: 'na',
name: '納米比亞',
code: '+264'
},
{
id: 'mw',
name: '馬拉維',
code: '+265'
},
{
id: 'ls',
name: '萊索托',
code: '266'
},
{
id: 'bw',
name: '博茨瓦納',
code: '+267'
},
{
id: 'sz',
name: '史瓦濟蘭',
code: '+268'
},
{
id: 'km',
name: '科摩羅（‫جزر القمر‬‎）',
code: '+269'
},
{
id: 'sh',
name: '聖赫勒拿',
code: '+290'
},
{
id: 'er',
name: '厄立特里亞',
code: '+291'
},
{
id: 'aw',
name: '阿魯巴',
code: '+297'
},
{
id: 'fo',
name: '法羅群島',
code: '+298'
},
{
id: 'gl',
name: '格陵蘭',
code: '+299'
},
{
id: 'gi',
name: '直布羅陀',
code: '+350'
},
{
id: 'pt',
name: '葡萄牙',
code: '+351'
},
{
id: 'lu',
name: '盧森堡',
code: '+352'
},
{
id: 'al',
name: '阿爾巴尼亞（Shqipëri）',
code: '+355'
},
{
id: 'mt',
name: '馬爾他',
code: '+356'
},
{
id: 'cy',
name: '塞浦路斯（Κύπρος）',
code: '+357'
},
{
id: 'fi',
name: '芬蘭',
code: '+358'
},
{
id: 'ax',
name: '奧蘭群島',
code: '+358'
},
{
id: 'bg',
name: '保加利亞',
code: '+359'
},
{
id: 'lt',
name: '立陶宛 (Lietuva)',
code: '+370'
},
{
id: 'lv',
name: '拉脫維亞 (Latvija)',
code: '+371'
},
{
id: 'ee',
name: '愛沙尼亞',
code: '+372'
},
{
id: 'md',
name: '摩爾多瓦',
code: '+373'
},
{
id: 'am',
name: '亞美尼亞（Հայաստան）',
code: '+374'
},
{
id: 'by',
name: '白俄羅斯（Беларусь）',
code: '+375'
},
{
id: 'ad',
name: '安道爾',
code: '+376'
},
{
id: 'mc',
name: '摩納哥',
code: '+377'
},
{
id: 'sm',
name: '聖馬利諾',
code: '+378'
},
{
id: 'ua',
name: '烏克蘭',
code: '+380'
},
{
id: 'rs',
name: '塞爾維亞',
code: '+381'
},
{
id: 'me',
name: '蒙特內哥羅',
code: '+382'
},
{
id: 'xk',
name: '科索沃',
code: '+383'
},
{
id: 'hr',
name: '克羅地亞（Hrvatska）',
code: '+385'
},
{
id: 'si',
name: '斯洛文尼亞',
code: '+386'
},
{
id: 'ba',
name: '波斯尼亞和黑塞哥維那',
code: '+387'
},
{
id: 'mk',
name: '北馬其頓 (Македонија)',
code: '+389'
},
{
id: 'cz',
name: '捷克共和國（Česká republika）',
code: '+420'
},
{
id: 'sk',
name: '斯洛伐克',
code: '+421'
},
{
id: 'li',
name: '列支敦士登',
code: '+423'
},
{
id: 'fk',
name: '福克蘭群島（馬爾維納斯群島）',
code: '+500'
},
{
id: 'bz',
name: '貝里斯',
code: '+501'
},
{
id: 'gt',
name: '瓜地馬拉',
code: '+502'
},
{
id: 'sv',
name: '薩爾瓦多',
code: '+503'
},
{
id: 'ni',
name: '尼加拉瓜',
code: '+505'
},
{
id: 'cr',
name: '哥斯達黎加',
code: '+506'
},
{
id: 'pa',
name: '巴拿馬（Panamá）',
code: '+507'
},
{
id: 'pm',
name: '聖皮埃與密啟隆（Saint-Pierre-et-Miquelon）',
code: '+508'
},
{
id: 'gp',
name: '瓜德羅普',
code: '+590'
},
{
id: 'bl',
name: '聖巴瑟米（Saint Barthélemy）',
code: '+590'
},
{
id: 'mf',
name: '聖馬丁（Saint-Martin (partie française)）',
code: '+590'
},
{
id: 'bo',
name: '玻利維亞',
code: '+591'
},
{
id: 'ec',
name: '厄瓜多爾',
code: '+593'
},
{
id: 'gf',
name: '法屬圭亞那',
code: '+594'
},
{
id: 'py',
name: '巴拉圭',
code: '+595'
},
{
id: 'mq',
name: '馬提尼克',
code: '+596'
},
{
id: 'sr',
name: '蘇利南',
code: '+597'
},
{
id: 'uy',
name: '烏拉圭',
code: '+598'
},
{
id: 'bq',
name: '加勒比荷蘭',
code: '+599'
},
{
id: 'cw',
name: '庫拉索',
code: '+599'
},
{
id: 'tl',
name: '東帝汶',
code: '+670'
},
{
id: 'nf',
name: '諾福克島',
code: '+672'
},
{
id: 'bn',
name: '汶萊',
code: '+673'
},
{
id: 'nr',
name: '諾魯',
code: '+674'
},
{
id: 'pg',
name: '巴布亞紐幾內亞',
code: '+675'
},
{
id: 'to',
name: '湯加',
code: '+676'
},
{
id: 'sb',
name: '所羅門群島',
code: '+677'
},
{
id: 'vu',
name: '瓦努阿圖',
code: '+678'
},
{
id: 'fj',
name: '斐濟',
code: '+679'
},
{
id: 'pw',
name: '帕勞',
code: '+680'
},
{
id: 'wf',
name: '瓦利斯和富圖納群島',
code: '+681'
},
{
id: 'ck',
name: '庫克群島',
code: '+682'
},
{
id: 'nu',
name: '紐埃島',
code: '+683'
},
{
id: 'ws',
name: '薩摩亞',
code: '+685'
},
{
id: 'ki',
name: '基里巴斯',
code: '+686'
},
{
id: 'nc',
name: '新喀里多尼亞',
code: '+687'
},
{
id: 'tv',
name: '圖瓦盧',
code: '+688'
},
{
id: 'pf',
name: '法屬波利尼西亞',
code: '+689'
},
{
id: 'tk',
name: '托克勞',
code: '+690'
},
{
id: 'fm',
name: '密克羅尼西亞',
code: '+691'
},
{
id: 'mh',
name: '馬紹爾群島',
code: '+692'
},
{
id: 'kp',
name: '北韓',
code: '+850'
},
{
id: 'mo',
name: '澳門',
code: '+853'
},
{
id: 'kh',
name: '柬埔寨',
code: '+855'
},
{
id: 'la',
name: '老撾 (ລາວ)',
code: '+856'
},
{
id: 'bd',
name: '孟加拉國（বাংলাদেশ）',
code: '+880'
},
{
id: 'tw',
name: '台灣',
code: '+886'
},
{
id: 'mv',
name: '馬爾代夫',
code: '+960'
},
{
id: 'lb',
name: '黎巴嫩 (‫لبنان‬‎)',
code: '+961'
},
{
id: 'jo',
name: '約旦 (‫الأردن‬‎)',
code: '+962'
},
{
id: 'sy',
name: '敘利亞',
code: '+963'
},
{
id: 'kw',
name: '科威特 (‫الكويت‬‎)',
code: '+965'
},
{
id: 'sa',
name: '沙特阿拉伯',
code: '+966'
},
{
id: 'ye',
name: '葉門',
code: '+967'
},
{
id: 'om',
name: '阿曼',
code: '+968'
},
{
id: 'ps',
name: '巴勒斯坦（‫فلسطين‬‎）',
code: '+970'
},
{
id: 'ae',
name: '阿拉伯聯合大公國',
code: '+971'
},
{
id: 'bh',
name: '巴林（‫البحرين‬‎）',
code: '+973'
},
{
id: 'qa',
name: '卡達（‫قطر‬‎）',
code: '+974'
},
{
id: 'bt',
name: '不丹',
code: '+975'
},
{
id: 'mn',
name: '蒙古',
code: '+976'
},
{
id: 'np',
name: '尼泊爾',
code: '+977'
},
{
id: 'tj',
name: '塔吉克斯坦',
code: '+992'
},
{
id: 'tm',
name: '土庫曼斯坦',
code: '+993'
},
{
id: 'az',
name: '阿塞拜疆（Azərbaycan）',
code: '+994'
},
{
id: 'ge',
name: '喬治亞',
code: '+995'
},
{
id: 'kg',
name: '吉爾吉斯坦 (Кыргызстан)',
code: '+996'
},
{
id: 'uz',
name: '烏茲別克',
code: '+998'
}
      ],
      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'
        },
      ]
    };
  },
  props: {
    userCodeSelect: {
      type: String,
    },
    validation: {
      type: Boolean,
    },
  },
  created(){
    this.getCode();
    if(this.$i18n.localeProperties["langQuery"] == "zh-TW"){
      this.language = true;
    }else{
      this.language = false;
    }
  },
  mounted() { },
  watch: {
    codeSelect: {
      handler: function () {
        this.$emit("returnCode", this.codeSelect);
      },
    },
    userCodeSelect:{
      handler: function() {
        this.codeSelect = this.userCodeSelect;
      }
    }
  },
  methods: {
    getCode(){
      this.codeSelect = this.userCodeSelect;
    }
    
  },
};
</script>
<style lang="scss" scoped>
select {
  background-image: url("~/assets/svg/down-arrow.svg");
  width: 120px;
  height: auto;
  background-position: right 12px center;
  background-repeat: no-repeat;
}
</style>