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