Components

The plugin comes with few components that is possible, to import if needed, by installing the vue-i18n-utils package

Translation tool

The Translation tool it's a component that force the application to handle all languages without any filters.

The application will still maintain the same logic and look & feel, but will be possible to check all other languages that we can't actually see because we are maybe restricting that via server.

The component will also show a dot close to the language in the menu, depending on its state: filled green if it's already visible in the applicatio, or bordered green if the language it's not currently available.

<translation-tool />

label

• Type: String

• Default: code

The name of the property in the language object you want to show

<translation-tool label="name" />

compact

• Type: boolean

• Default: false

If set on true, displays a smaller size version of the translation tool

<translation-tool compact />

Language switcher

The language switcher is just a pre-made template which displays a list of languages already clickable.

No style is applied.

in the view

<language-switcher />

label

• Type: String
• Default: code

<language-switcher label="name" />