intl-tel-input 24.4.0 → 24.5.1

package/README.md

@@ -1,12 +1,12 @@
 # International Telephone Input [![Build Status](https://app.travis-ci.com/jackocnr/intl-tel-input.svg?branch=master)](https://app.travis-ci.com/jackocnr/intl-tel-input) <img src="https://img.shields.io/github/package-json/v/jackocnr/intl-tel-input.svg" alt="version"/> <img src="https://img.shields.io/npm/dm/intl-tel-input.svg"  alt="downloads"/>
 
-<img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/vue-icon.png" alt="Vue logo" width="16px" />  NEWS: our <a href="https://github.com/jackocnr/intl-tel-input/tree/master/vue">Vue component</a> is now in development - please help us test it!
+<img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/vue-icon.png" alt="Vue logo" width="16px" />  NEWS: we now have our own <a href="https://github.com/jackocnr/intl-tel-input/tree/master/vue">Vue component</a>!
 
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/react.webp" alt="React logo" width="16px" />  NEWS: we now have our own <a href="https://github.com/jackocnr/intl-tel-input/tree/master/react">React component</a>! Play with it on <a href="https://intl-tel-input.com/storybook/?path=/docs/intltelinput--vanilla">Storybook</a>. 
 
 🗣️ NEWS: we now provide [translations](https://github.com/jackocnr/intl-tel-input/tree/master/build/js/i18n) in over 30 languages! [See them in action](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--i18n).
 
-International Telephone Input is a JavaScript plugin for entering and validating international telephone numbers. It takes a regular input field, adds a searchable country dropdown, auto-detects the user's country, displays a relevant placeholder number, formats the number as you type, and provides comprehensive validation methods.
+International Telephone Input is a JavaScript plugin for entering and validating international telephone numbers. It takes a regular input field, adds a searchable country dropdown, auto-detects the user's country, displays a relevant placeholder number, formats the number as you type, and provides comprehensive validation methods. React and Vue components are also included.
 
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/vanilla2.png" alt="Screenshot" width="265px" height="273px" />
   
@@ -14,11 +14,12 @@ If you find the plugin helpful, please consider [supporting the project](https:/
 
 ## Sponsored by
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/twilio.webp" height="100" alt="Twilio"/>
-Use <a href="https://www.twilio.com/blog/international-telephone-input-twilio?utm_source=github&utm_medium=referral&utm_campaign=intl_tel_input">Twilio's API to build phone verification, SMS 2FA, appointment reminders, marketing notifications and so much more</a>. We can't wait to see what you build.
+
+Use [Twilio's API to build phone verification, SMS 2FA, appointment reminders, marketing notifications and so much more](https://www.twilio.com/blog/international-telephone-input-twilio?utm_source=github&utm_medium=referral&utm_campaign=intl_tel_input). We can't wait to see what you build.
 
 ## Table of Contents
 
-- [JavaScript Plugin vs React Component](#javascript-plugin-vs-react-component)
+- [React and Vue Components](#react-and-vue-components)
 - [Demo and Examples](#demo-and-examples)
 - [Mobile](#mobile)
 - [Features](#features)
@@ -36,8 +37,8 @@ Use <a href="https://www.twilio.com/blog/international-telephone-input-twilio?ut
 - [Contributing](#contributing)
 - [Attributions](#attributions)
 
-## JavaScript Plugin vs React Component
-We now provide both a JavaScript plugin and a React Component. This readme is for the JavaScript plugin. View the [React Component readme](https://github.com/jackocnr/intl-tel-input/blob/master/react/README.md).
+## React and Vue Components
+We now provide both React and Vue components alongside the regular JavaScript plugin. This readme is for the JavaScript plugin. View the [React Component readme](https://github.com/jackocnr/intl-tel-input/blob/master/react/README.md) or the [Vue Component readme](https://github.com/jackocnr/intl-tel-input/blob/master/vue/README.md).
 
 ## Demo and Examples
 You can view [a live demo](https://intl-tel-input.com) and see some examples of how to use the various options. Alternatively, try it for yourself by downloading the project and opening demo.html in a browser.
@@ -59,30 +60,30 @@ By default, on mobile devices we show a fullscreen popup instead of the inline d
 * Accessibility provided via ARIA tags
 * Typescript type definitions included
 * Easily customise styles by overriding CSS variables
-* React component included
-* Translations for country names (etc) provided for over 30 different languages
+* React and Vue components included
+* Translations for country names (etc) provided in many different languages
 * Lots of initialisation options for customisation, as well as instance methods/events for interaction
 
 ## Browser Compatibility
 | Chrome |  Firefox  | Safari | Edge |
 | :----: | :-------: | :----: | :--: |
-|    ✓   |     ✓     |    ✓   |   ✓  |
+|    ✓   |     ✓     |  v14+  |   ✓  |
 
 _Note: We have now dropped support for all versions of Internet Explorer because it is [no longer supported](https://blogs.windows.com/windowsexperience/2022/06/15/internet-explorer-11-has-retired-and-is-officially-out-of-support-what-you-need-to-know/) by any version of Windows._
 
 ## Getting Started (Using a CDN)
 1. Add the CSS
   ```html
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/css/intlTelInput.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@24.5.1/build/css/intlTelInput.css">
   ```
 
 2. Add the plugin script and initialise it on your input element
   ```html
-  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/js/intlTelInput.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.5.1/build/js/intlTelInput.min.js"></script>
   <script>
     const input = document.querySelector("#phone");
     window.intlTelInput(input, {
-      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/js/utils.js",
+      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.5.1/build/js/utils.js",
     });
   </script>
   ```
@@ -335,7 +336,7 @@ Control when the country list appears as a fullscreen popup vs an inline dropdow
 
 **utilsScript**  
 Type: `String` Default: `""` Example: `"/build/js/utils.js"`  
-This is one way to (lazy) load the included utils.js (to enable formatting/validation etc) - see [Loading The Utilities Script](#loading-the-utilities-script) for more options. You will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/js/utils.js"`. The script is loaded via a [dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) statement, which means the URL cannot be relative - it must be absolute. The script is only fetched when you initialise the plugin, and additionally, only when the page has finished loading (on the window load event) to prevent blocking (the script is ~260KB). When instantiating the plugin, a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) object is returned under the `promise` instance property, so you can do something like `iti.promise.then(callback)` to know when initialisation requests like this have finished. See [Utilities Script](#utilities-script) for more information.
+This is one way to (lazy) load the included utils.js (to enable formatting/validation etc) - see [Loading The Utilities Script](#loading-the-utilities-script) for more options. You will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.5.1/build/js/utils.js"`. The script is loaded via a [dynamic import](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) statement, which means the URL cannot be relative - it must be absolute. The script is only fetched when you initialise the plugin, and additionally, only when the page has finished loading (on the window load event) to prevent blocking (the script is ~260KB). When instantiating the plugin, a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) object is returned under the `promise` instance property, so you can do something like `iti.promise.then(callback)` to know when initialisation requests like this have finished. See [Utilities Script](#utilities-script) for more information.
 
 **validationNumberType**  
 Type: `String` Default: `"MOBILE"`  
@@ -553,7 +554,7 @@ The utils script provides lots of great functionality (see above section), but c
 If you're not concerned about filesize (e.g. you're lazy loading this script), the easiest thing to do is to just use the full bundle /build/js/intlTelInputWithUtils.js, which comes with the utils script included. This script can be used exactly like the main intlTelInput.js - so it can either be loaded directly onto the page (which defines `window.intlTelInput` like usual), or it can be imported like so: `import intlTelInput from "intl-tel-input/intlTelInputWithUtils"`.
 
 **Option 2: utilsScript**  
-If you *are* concerned about filesize, you can lazy load the utils script when the plugin initialises, using the `utilsScript` initialisation option. You will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.4.0/build/js/utils.js"`. If you want more control over when this file is lazy loaded, you can manually invoke the `loadUtils` static method, instead of using `utilsScript`.
+If you *are* concerned about filesize, you can lazy load the utils script when the plugin initialises, using the `utilsScript` initialisation option. You will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `utilsScript` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.5.1/build/js/utils.js"`. If you want more control over when this file is lazy loaded, you can manually invoke the `loadUtils` static method, instead of using `utilsScript`.
 
 ## Troubleshooting
 
@@ -604,8 +605,6 @@ See the [contributing guide](https://github.com/jackocnr/intl-tel-input/blob/mas
 * Formatting/validation/example number code from [libphonenumber](https://github.com/googlei18n/libphonenumber)
 * Feature contributions are listed in the wiki: [Contributions](https://github.com/jackocnr/intl-tel-input/wiki/Contributions)
 
-## Links
-* List of [integrations with intl-tel-input](https://github.com/jackocnr/intl-tel-input/wiki/Integrations)
+User testing powered by [BrowserStack Open-Source Program](https://www.browserstack.com/open-source)  
 
-<img width="200" src="https://www.browserstack.com/images/layout/browserstack-logo-600x315.png" alt="BrowserStack"/><br />
-Testing powered by [BrowserStack Open-Source Program](https://www.browserstack.com/open-source)
+Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/lambda-test-white-logo.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a>

package/build/js/data.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.4.0
+ * International Telephone Input v24.5.1
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/data.min.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.4.0
+ * International Telephone Input v24.5.1
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/i18n/index.js

@@ -20,6 +20,7 @@ export { default as ja, countryTranslations as jaCountryTranslations, interfaceT
 export { default as ko, countryTranslations as koCountryTranslations, interfaceTranslations as koInterfaceTranslations } from "./ko";
 export { default as mr, countryTranslations as mrCountryTranslations, interfaceTranslations as mrInterfaceTranslations } from "./mr";
 export { default as nl, countryTranslations as nlCountryTranslations, interfaceTranslations as nlInterfaceTranslations } from "./nl";
+export { default as no, countryTranslations as noCountryTranslations, interfaceTranslations as noInterfaceTranslations } from "./no";
 export { default as pl, countryTranslations as plCountryTranslations, interfaceTranslations as plInterfaceTranslations } from "./pl";
 export { default as pt, countryTranslations as ptCountryTranslations, interfaceTranslations as ptInterfaceTranslations } from "./pt";
 export { default as ro, countryTranslations as roCountryTranslations, interfaceTranslations as roInterfaceTranslations } from "./ro";
@@ -30,4 +31,5 @@ export { default as te, countryTranslations as teCountryTranslations, interfaceT
 export { default as th, countryTranslations as thCountryTranslations, interfaceTranslations as thInterfaceTranslations } from "./th";
 export { default as tr, countryTranslations as trCountryTranslations, interfaceTranslations as trInterfaceTranslations } from "./tr";
 export { default as ur, countryTranslations as urCountryTranslations, interfaceTranslations as urInterfaceTranslations } from "./ur";
+export { default as vi, countryTranslations as viCountryTranslations, interfaceTranslations as viInterfaceTranslations } from "./vi";
 export { default as zh, countryTranslations as zhCountryTranslations, interfaceTranslations as zhInterfaceTranslations } from "./zh";

package/build/js/i18n/no/countries.js

@@ -0,0 +1,245 @@
+const countryTranslations = {
+  ad: "Andorra",
+  ae: "De forente arabiske emirater",
+  af: "Afghanistan",
+  ag: "Antigua og Barbuda",
+  ai: "Anguilla",
+  al: "Albania",
+  am: "Armenia",
+  ao: "Angola",
+  ar: "Argentina",
+  as: "Amerikansk Samoa",
+  at: "Østerrike",
+  au: "Australia",
+  aw: "Aruba",
+  ax: "Åland",
+  az: "Aserbajdsjan",
+  ba: "Bosnia-Hercegovina",
+  bb: "Barbados",
+  bd: "Bangladesh",
+  be: "Belgia",
+  bf: "Burkina Faso",
+  bg: "Bulgaria",
+  bh: "Bahrain",
+  bi: "Burundi",
+  bj: "Benin",
+  bl: "Saint-Barthélemy",
+  bm: "Bermuda",
+  bn: "Brunei",
+  bo: "Bolivia",
+  bq: "Karibisk Nederland",
+  br: "Brasil",
+  bs: "Bahamas",
+  bt: "Bhutan",
+  bw: "Botswana",
+  by: "Hviterussland",
+  bz: "Belize",
+  ca: "Canada",
+  cc: "Kokosøyene",
+  cd: "Kongo-Kinshasa",
+  cf: "Den sentralafrikanske republikk",
+  cg: "Kongo-Brazzaville",
+  ch: "Sveits",
+  ci: "Elfenbenskysten",
+  ck: "Cookøyene",
+  cl: "Chile",
+  cm: "Kamerun",
+  cn: "Kina",
+  co: "Colombia",
+  cr: "Costa Rica",
+  cu: "Cuba",
+  cv: "Kapp Verde",
+  cw: "Curaçao",
+  cx: "Christmasøya",
+  cy: "Kypros",
+  cz: "Tsjekkia",
+  de: "Tyskland",
+  dj: "Djibouti",
+  dk: "Danmark",
+  dm: "Dominica",
+  do: "Den dominikanske republikk",
+  dz: "Algerie",
+  ec: "Ecuador",
+  ee: "Estland",
+  eg: "Egypt",
+  eh: "Vest-Sahara",
+  er: "Eritrea",
+  es: "Spania",
+  et: "Etiopia",
+  fi: "Finland",
+  fj: "Fiji",
+  fk: "Falklandsøyene",
+  fm: "Mikronesiaføderasjonen",
+  fo: "Færøyene",
+  fr: "Frankrike",
+  ga: "Gabon",
+  gb: "Storbritannia",
+  gd: "Grenada",
+  ge: "Georgia",
+  gf: "Fransk Guyana",
+  gg: "Guernsey",
+  gh: "Ghana",
+  gi: "Gibraltar",
+  gl: "Grønland",
+  gm: "Gambia",
+  gn: "Guinea",
+  gp: "Guadeloupe",
+  gq: "Ekvatorial-Guinea",
+  gr: "Hellas",
+  gt: "Guatemala",
+  gu: "Guam",
+  gw: "Guinea-Bissau",
+  gy: "Guyana",
+  hk: "Hongkong S.A.R. Kina",
+  hn: "Honduras",
+  hr: "Kroatia",
+  ht: "Haiti",
+  hu: "Ungarn",
+  id: "Indonesia",
+  ie: "Irland",
+  il: "Israel",
+  im: "Man",
+  in: "India",
+  io: "Det britiske territoriet i Indiahavet",
+  iq: "Irak",
+  ir: "Iran",
+  is: "Island",
+  it: "Italia",
+  je: "Jersey",
+  jm: "Jamaica",
+  jo: "Jordan",
+  jp: "Japan",
+  ke: "Kenya",
+  kg: "Kirgisistan",
+  kh: "Kambodsja",
+  ki: "Kiribati",
+  km: "Komorene",
+  kn: "Saint Kitts og Nevis",
+  kp: "Nord-Korea",
+  kr: "Sør-Korea",
+  kw: "Kuwait",
+  ky: "Caymanøyene",
+  kz: "Kasakhstan",
+  la: "Laos",
+  lb: "Libanon",
+  lc: "St. Lucia",
+  li: "Liechtenstein",
+  lk: "Sri Lanka",
+  lr: "Liberia",
+  ls: "Lesotho",
+  lt: "Litauen",
+  lu: "Luxemburg",
+  lv: "Latvia",
+  ly: "Libya",
+  ma: "Marokko",
+  mc: "Monaco",
+  md: "Moldova",
+  me: "Montenegro",
+  mf: "Saint-Martin",
+  mg: "Madagaskar",
+  mh: "Marshalløyene",
+  mk: "Nord-Makedonia",
+  ml: "Mali",
+  mm: "Myanmar (Burma)",
+  mn: "Mongolia",
+  mo: "Macao S.A.R. Kina",
+  mp: "Nord-Marianene",
+  mq: "Martinique",
+  mr: "Mauritania",
+  ms: "Montserrat",
+  mt: "Malta",
+  mu: "Mauritius",
+  mv: "Maldivene",
+  mw: "Malawi",
+  mx: "Mexico",
+  my: "Malaysia",
+  mz: "Mosambik",
+  na: "Namibia",
+  nc: "Ny-Caledonia",
+  ne: "Niger",
+  nf: "Norfolkøya",
+  ng: "Nigeria",
+  ni: "Nicaragua",
+  nl: "Nederland",
+  no: "Norge",
+  np: "Nepal",
+  nr: "Nauru",
+  nu: "Niue",
+  nz: "New Zealand",
+  om: "Oman",
+  pa: "Panama",
+  pe: "Peru",
+  pf: "Fransk Polynesia",
+  pg: "Papua Ny-Guinea",
+  ph: "Filippinene",
+  pk: "Pakistan",
+  pl: "Polen",
+  pm: "Saint-Pierre-et-Miquelon",
+  pr: "Puerto Rico",
+  ps: "Det palestinske området",
+  pt: "Portugal",
+  pw: "Palau",
+  py: "Paraguay",
+  qa: "Qatar",
+  re: "Réunion",
+  ro: "Romania",
+  rs: "Serbia",
+  ru: "Russland",
+  rw: "Rwanda",
+  sa: "Saudi-Arabia",
+  sb: "Salomonøyene",
+  sc: "Seychellene",
+  sd: "Sudan",
+  se: "Sverige",
+  sg: "Singapore",
+  sh: "St. Helena",
+  si: "Slovenia",
+  sj: "Svalbard og Jan Mayen",
+  sk: "Slovakia",
+  sl: "Sierra Leone",
+  sm: "San Marino",
+  sn: "Senegal",
+  so: "Somalia",
+  sr: "Surinam",
+  ss: "Sør-Sudan",
+  st: "São Tomé og Príncipe",
+  sv: "El Salvador",
+  sx: "Sint Maarten",
+  sy: "Syria",
+  sz: "Eswatini",
+  tc: "Turks- og Caicosøyene",
+  td: "Tsjad",
+  tg: "Togo",
+  th: "Thailand",
+  tj: "Tadsjikistan",
+  tk: "Tokelau",
+  tl: "Øst-Timor",
+  tm: "Turkmenistan",
+  tn: "Tunisia",
+  to: "Tonga",
+  tr: "Tyrkia",
+  tt: "Trinidad og Tobago",
+  tv: "Tuvalu",
+  tw: "Taiwan",
+  tz: "Tanzania",
+  ua: "Ukraina",
+  ug: "Uganda",
+  us: "USA",
+  uy: "Uruguay",
+  uz: "Usbekistan",
+  va: "Vatikanstaten",
+  vc: "St. Vincent og Grenadinene",
+  ve: "Venezuela",
+  vg: "De britiske jomfruøyene",
+  vi: "De amerikanske jomfruøyene",
+  vn: "Vietnam",
+  vu: "Vanuatu",
+  wf: "Wallis og Futuna",
+  ws: "Samoa",
+  ye: "Jemen",
+  yt: "Mayotte",
+  za: "Sør-Afrika",
+  zm: "Zambia",
+  zw: "Zimbabwe"
+};
+export default countryTranslations;

package/build/js/i18n/no/index.js

@@ -0,0 +1,5 @@
+import countryTranslations from "./countries.js";
+import interfaceTranslations from "./interface.js";
+export { countryTranslations, interfaceTranslations };
+const allTranslations = { ...countryTranslations, ...interfaceTranslations };
+export default allTranslations;

package/build/js/i18n/no/interface.js

@@ -0,0 +1,13 @@
+const interfaceTranslations = {
+  selectedCountryAriaLabel: "Valgt land",
+  noCountrySelected: "Ingen land er valgt",
+  countryListAriaLabel: "Liste over land",
+  searchPlaceholder: "Leting",
+  zeroSearchResults: "Ingen resultater funnet",
+  oneSearchResult: "1 resultat funnet",
+  multipleSearchResults: "${count} resultater funnet",
+  // additional countries (not supported by country-list library)
+  ac: "Ascension Island",
+  xk: "Kosovo"
+};
+export default interfaceTranslations;

package/build/js/i18n/vi/countries.js

@@ -0,0 +1,245 @@
+const countryTranslations = {
+  ad: "Andorra",
+  ae: "Các Tiểu Vương quốc Ả Rập Thống nhất",
+  af: "Afghanistan",
+  ag: "Antigua và Barbuda",
+  ai: "Anguilla",
+  al: "Albania",
+  am: "Armenia",
+  ao: "Angola",
+  ar: "Argentina",
+  as: "Samoa thuộc Mỹ",
+  at: "Áo",
+  au: "Australia",
+  aw: "Aruba",
+  ax: "Quần đảo Åland",
+  az: "Azerbaijan",
+  ba: "Bosnia và Herzegovina",
+  bb: "Barbados",
+  bd: "Bangladesh",
+  be: "Bỉ",
+  bf: "Burkina Faso",
+  bg: "Bulgaria",
+  bh: "Bahrain",
+  bi: "Burundi",
+  bj: "Benin",
+  bl: "St. Barthélemy",
+  bm: "Bermuda",
+  bn: "Brunei",
+  bo: "Bolivia",
+  bq: "Ca-ri-bê Hà Lan",
+  br: "Brazil",
+  bs: "Bahamas",
+  bt: "Bhutan",
+  bw: "Botswana",
+  by: "Belarus",
+  bz: "Belize",
+  ca: "Canada",
+  cc: "Quần đảo Cocos (Keeling)",
+  cd: "Congo - Kinshasa",
+  cf: "Cộng hòa Trung Phi",
+  cg: "Congo - Brazzaville",
+  ch: "Thụy Sĩ",
+  ci: "Côte d’Ivoire",
+  ck: "Quần đảo Cook",
+  cl: "Chile",
+  cm: "Cameroon",
+  cn: "Trung Quốc",
+  co: "Colombia",
+  cr: "Costa Rica",
+  cu: "Cuba",
+  cv: "Cape Verde",
+  cw: "Curaçao",
+  cx: "Đảo Giáng Sinh",
+  cy: "Síp",
+  cz: "Séc",
+  de: "Đức",
+  dj: "Djibouti",
+  dk: "Đan Mạch",
+  dm: "Dominica",
+  do: "Cộng hòa Dominica",
+  dz: "Algeria",
+  ec: "Ecuador",
+  ee: "Estonia",
+  eg: "Ai Cập",
+  eh: "Tây Sahara",
+  er: "Eritrea",
+  es: "Tây Ban Nha",
+  et: "Ethiopia",
+  fi: "Phần Lan",
+  fj: "Fiji",
+  fk: "Quần đảo Falkland",
+  fm: "Micronesia",
+  fo: "Quần đảo Faroe",
+  fr: "Pháp",
+  ga: "Gabon",
+  gb: "Vương quốc Anh",
+  gd: "Grenada",
+  ge: "Georgia",
+  gf: "Guiana thuộc Pháp",
+  gg: "Guernsey",
+  gh: "Ghana",
+  gi: "Gibraltar",
+  gl: "Greenland",
+  gm: "Gambia",
+  gn: "Guinea",
+  gp: "Guadeloupe",
+  gq: "Guinea Xích Đạo",
+  gr: "Hy Lạp",
+  gt: "Guatemala",
+  gu: "Guam",
+  gw: "Guinea-Bissau",
+  gy: "Guyana",
+  hk: "Hồng Kông, Trung Quốc",
+  hn: "Honduras",
+  hr: "Croatia",
+  ht: "Haiti",
+  hu: "Hungary",
+  id: "Indonesia",
+  ie: "Ireland",
+  il: "Israel",
+  im: "Đảo Man",
+  in: "Ấn Độ",
+  io: "Lãnh thổ Ấn Độ Dương thuộc Anh",
+  iq: "Iraq",
+  ir: "Iran",
+  is: "Iceland",
+  it: "Italy",
+  je: "Jersey",
+  jm: "Jamaica",
+  jo: "Jordan",
+  jp: "Nhật Bản",
+  ke: "Kenya",
+  kg: "Kyrgyzstan",
+  kh: "Campuchia",
+  ki: "Kiribati",
+  km: "Comoros",
+  kn: "St. Kitts và Nevis",
+  kp: "Triều Tiên",
+  kr: "Hàn Quốc",
+  kw: "Kuwait",
+  ky: "Quần đảo Cayman",
+  kz: "Kazakhstan",
+  la: "Lào",
+  lb: "Li-băng",
+  lc: "St. Lucia",
+  li: "Liechtenstein",
+  lk: "Sri Lanka",
+  lr: "Liberia",
+  ls: "Lesotho",
+  lt: "Litva",
+  lu: "Luxembourg",
+  lv: "Latvia",
+  ly: "Libya",
+  ma: "Ma-rốc",
+  mc: "Monaco",
+  md: "Moldova",
+  me: "Montenegro",
+  mf: "St. Martin",
+  mg: "Madagascar",
+  mh: "Quần đảo Marshall",
+  mk: "Bắc Macedonia",
+  ml: "Mali",
+  mm: "Myanmar (Miến Điện)",
+  mn: "Mông Cổ",
+  mo: "Macao, Trung Quốc",
+  mp: "Quần đảo Bắc Mariana",
+  mq: "Martinique",
+  mr: "Mauritania",
+  ms: "Montserrat",
+  mt: "Malta",
+  mu: "Mauritius",
+  mv: "Maldives",
+  mw: "Malawi",
+  mx: "Mexico",
+  my: "Malaysia",
+  mz: "Mozambique",
+  na: "Namibia",
+  nc: "New Caledonia",
+  ne: "Niger",
+  nf: "Đảo Norfolk",
+  ng: "Nigeria",
+  ni: "Nicaragua",
+  nl: "Hà Lan",
+  no: "Na Uy",
+  np: "Nepal",
+  nr: "Nauru",
+  nu: "Niue",
+  nz: "New Zealand",
+  om: "Oman",
+  pa: "Panama",
+  pe: "Peru",
+  pf: "Polynesia thuộc Pháp",
+  pg: "Papua New Guinea",
+  ph: "Philippines",
+  pk: "Pakistan",
+  pl: "Ba Lan",
+  pm: "Saint Pierre và Miquelon",
+  pr: "Puerto Rico",
+  ps: "Lãnh thổ Palestine",
+  pt: "Bồ Đào Nha",
+  pw: "Palau",
+  py: "Paraguay",
+  qa: "Qatar",
+  re: "Réunion",
+  ro: "Romania",
+  rs: "Serbia",
+  ru: "Nga",
+  rw: "Rwanda",
+  sa: "Ả Rập Xê-út",
+  sb: "Quần đảo Solomon",
+  sc: "Seychelles",
+  sd: "Sudan",
+  se: "Thụy Điển",
+  sg: "Singapore",
+  sh: "St. Helena",
+  si: "Slovenia",
+  sj: "Svalbard và Jan Mayen",
+  sk: "Slovakia",
+  sl: "Sierra Leone",
+  sm: "San Marino",
+  sn: "Senegal",
+  so: "Somalia",
+  sr: "Suriname",
+  ss: "Nam Sudan",
+  st: "São Tomé và Príncipe",
+  sv: "El Salvador",
+  sx: "Sint Maarten",
+  sy: "Syria",
+  sz: "Swaziland",
+  tc: "Quần đảo Turks và Caicos",
+  td: "Chad",
+  tg: "Togo",
+  th: "Thái Lan",
+  tj: "Tajikistan",
+  tk: "Tokelau",
+  tl: "Timor-Leste",
+  tm: "Turkmenistan",
+  tn: "Tunisia",
+  to: "Tonga",
+  tr: "Thổ Nhĩ Kỳ",
+  tt: "Trinidad và Tobago",
+  tv: "Tuvalu",
+  tw: "Đài Loan",
+  tz: "Tanzania",
+  ua: "Ukraina",
+  ug: "Uganda",
+  us: "Hoa Kỳ",
+  uy: "Uruguay",
+  uz: "Uzbekistan",
+  va: "Thành Vatican",
+  vc: "St. Vincent và Grenadines",
+  ve: "Venezuela",
+  vg: "Quần đảo Virgin thuộc Anh",
+  vi: "Quần đảo Virgin thuộc Mỹ",
+  vn: "Việt Nam",
+  vu: "Vanuatu",
+  wf: "Wallis và Futuna",
+  ws: "Samoa",
+  ye: "Yemen",
+  yt: "Mayotte",
+  za: "Nam Phi",
+  zm: "Zambia",
+  zw: "Zimbabwe"
+};
+export default countryTranslations;

package/build/js/i18n/vi/index.js

@@ -0,0 +1,5 @@
+import countryTranslations from "./countries.js";
+import interfaceTranslations from "./interface.js";
+export { countryTranslations, interfaceTranslations };
+const allTranslations = { ...countryTranslations, ...interfaceTranslations };
+export default allTranslations;

package/build/js/i18n/vi/interface.js

@@ -0,0 +1,13 @@
+const interfaceTranslations = {
+  selectedCountryAriaLabel: "Quốc gia đã chọn",
+  noCountrySelected: "Không có quốc gia nào được chọn",
+  countryListAriaLabel: "Danh sách các quốc gia",
+  searchPlaceholder: "Khám xét",
+  zeroSearchResults: "Không tìm thấy kết quả nào",
+  oneSearchResult: "Đã tìm thấy 1 kết quả",
+  multipleSearchResults: "Đã tìm thấy ${count} kết quả",
+  // additional countries (not supported by country-list library)
+  ac: "Đảo Ascension",
+  xk: "Kosovo"
+};
+export default interfaceTranslations;