[FEATURE] Allow dropdown countries list translation

[seyfer]

Currently, if the locale set to de countries list still in en.

Current:

:translations="{
  countrySelectorLabel: 'Code pays',
  countrySelectorError: 'Choisir un pays',
  phoneNumberLabel: 'Numéro de téléphone',
  example: 'Exemple :'
}"

Expected:

:translations="{
  countrySelectorLabel: 'Code pays',
  countrySelectorError: 'Choisir un pays',
  phoneNumberLabel: 'Numéro de téléphone',
  example: 'Exemple :'
  countries: {
        en: {
           'ru': 'Russia',
           'de: 'Germany'
...
        },
        de: {
           'ru': 'Russland',
           'de': 'Deutschland',
...
        },
}"

[roselily8]

It would be even better if the component can take a locale like "fr_ca" and translate it to the corresponding regional language. Can we add this feature please?

[LouisMazel]

Hey @seyfer,

It's available ! See documentation: https://louismazel.github.io/maz-ui-3/components/maz-phone-number-input.html#countries-list

Enjoy :)

[LouisMazel]

You can override countries names with the prop custom-countries-list

<template>
  <MazPhoneNumberInput
    :custom-countries-list="{
      FR: 'France',
      BE: 'Belgique',
      DE: 'Allemagne',
      US: 'Etats-Unis',
    }"
  />
</template>