Vue-i18n: List of available languages

[cirience-zz]

I'd like to have an feature which allows me to output all available languages with one method. That would allow to make a list of all available translations.

[kazupon]

Thank you for your feedback.

However, I could not understand the reason of your feedback.
Could you talk us more explanation please?

[thoean]

I started using https://github.com/bdswiss/country-language, which has methods to retrieve ISO standard names for languages, as well as country specific mapping.

[cirience-zz]

When I'm adding the 'messages' to your plugin, I'm creating different Objects like en, de, ja. I'd think it would be useful if there is an built-in function to get all 'Objects' which are basically languages-codes in my case.

[eagerestwolf]

In the meantime until this comes to fruition, I did find a stop gap:

computed: {
  languages() {
    return Object.keys(this.$i18n.messages);
  }
}

[rimiti]

@kazupon It could be nice to provide a getLocales() method which returns an array of the available locales: _['en', 'fr', 'pt']_.

PS: With the same result of the @sethmurphy18 snippet.

[exoego]

Could someone provide use-case for this feature?

I imagine this may be useful to create language selector UI which shows available languages based on messages objects.
But not sure.

[rimiti]

Example:
If you want to redirect a user to a path (with locale):

routes: [
    {
      path: '/', redirect: (to) => {
        const browserLocale = getBrowserLocale();
        if (Object.keys(VueI18n.messages).includes(browserLocale)) {
          return `/${browserLocale}`;
        }

        return `/${VueI18n.fallbackLocale}`;
      },
    },
]

[exoego]

@rimiti
That use-case totally makes sense 👍

[rimiti]

It's a good job @exoego, you rock 🚀