Luma Vue includes internationalization support provided by Vue I18n — the internationalization plugin for Vue.js.

Default

Choose which language to use by default. Edit config/i18n.js

Fallback

Choose which language to use when your preferred language lacks a translation. Edit config/i18n.js

Global Locales

The locales/ directory contains localization files. Translations here are available globally in your app.

Adding Languages

Edit config/i18n.js to add or remove locales and create the corresponding locales/$LOCALE.json localization file if needed.

You can globally translate using $t or $tc in the root Vue instance and any composed component.

Component Based Localization

You can also manage locale info for each component separately, which might be more convenient due to Vue components oriented design.

DateTime

You can localize the datetime with your definition formats. Edit config/i18n.js. Available options in the documentation.

Numbers

You can localize numbers with your definition formats. Edit config/i18n.js. Available options in the documentation.