Tooling

To support the i18n of Vue applications, some tools are officially provided.

There are also tools from third vendors integrating Vue I18n.

Official tooling

Vue CLI Plugin

vue-cli-plugin-i18n is officially provided as the Vue CLI Plugin.

With this plugin, you can setup the i18n environment for the Vue application, and support the i18n development environment.

Nuxt Module

nuxt-i18n is corresponding Nuxt.js module.

Webpack loader

vue-i18n-loader is an officially provided webpack loader.

With this loader, you can use the i18n custom block in the Single file components.

In about i18n custom block, see the Single file components section

ESLint Plugin

eslint-plugin-vue-i18n is ESLint plugin for Vue I18n.

It easily integrates some localization lint features to your Vue.js Application.

Extensions

vue-i18n-extensions provides some extensions for Vue I18n.

You can use this extension to enable SSR and improve i18n performance.

3rd party tooling

BabelEdit

BabelEdit is translation editor for web apps.

BabelEdit can translate json files, and it can also translate i18n custom block of Single-file components.

Read more about BabelEdit in tutorial page.

Last Updated: 7/21/2019, 12:03:53 AM