Metronic

The World’s #1 Bootstrap 4 HTML, Angular 8, React & VueJS

Admin Dashboard Theme Framework

Internationalization (i18n)

Overview

The internationalization (i18n) library for Vue is vue-i18n and defined in [metronic]/theme/vue/[demo]/src/common/plugins/vue-i18n.js. Vue I18n is internationalization plugin of Vue.js. It easily integrates some localization features to your Vue.js Application. For more detailed documentation, see here https://kazupon.github.io/vue-i18n/

How to add a new language

Register your new language in the plugin configuration file in [metronic]/theme/vue/[demo]/src/common/plugins/vue-i18n.js

Create a new language config and the example can be found in this folder [metronic]/theme/vue/[demo]/src/common/config/i18n/

Import new language config into vue-i18n plugin config file in [metronic]/theme/vue/[demo]/src/common/plugins/vue-i18n.js

import { locale as myLang } from "@/common/config/i18n/myLang";
//...
messages = { ...messages, en, ch, es, jp, de, fr, myLang };

New language selection can be added in this language selector component [metronic]/theme/vue/[demo]/src/views/theme/topbar/DropdownLanguage.vue

How to use

Use it anywhere in the HTML template.

{{ $t('message.hello', { msg: 'hello' }) }}

More sample use can be found in https://kazupon.github.io/vue-i18n/started.html

I run a team of 20 product managers, developers, QA and UX resources. Previously we designed everything ourselves. For our newest platform we tried out Metronic. I cannot overestimate the impact Metronic has had. It's accelerated development 3x and reduced QA issues by 50%. If you add up the reduced need for design time/resources, the increase in dev speed and the reduction in QA, it's probably saved us $100,000 on this project alone, and I plan to use it for all platforms moving forward.
The flexibility of the design has also allowed us to put out a better looking & working platform and reduced my headaches by 90%. Thank you KeenThemes! Jonathan Bartlett, Metronic Customer

Powerful Framework

Everything within Metronic is customizable globally to provide limitless unique styled projects

Multi Demo

Choose a perfect design for your next project among hundreds of demos

Limitless Components

A huge collection of components to power your application with the latest UI/UX trands

Angular 8 & React Support

Enterprise ready Angular and React integration with built-in authentication module and many more

Bootstrap 4

Metronic deeply customizes Bootstrap with native look and feel

Exclusive Datatable Plugin

Our super sleek and intuitive Datatable comes packed with all advanced CRUD features

75,000+ Strong

Metronic is the only theme trusted by over 70,000 developers world wide

Continuous Updates

Lifetime updates with new demos and features is guaranteed

Quality Code

Metronic is written with a code structure that all developers will be able to pick up easily and fall in love

The Ultimate Bootstrap Admin Theme Trusted By Over 70,000 Developers World Wide