Appearance
NavbarLocaleToggler
NavbarLocaleToggler consists of a menu that displays different languages available for localization that you can choose from.
Usage
File:
src/layouts/components/NavbarLocaleToggler.vue
vue
<template>
<NavbarLocaleToggler/>
</template>Add a new language
To add a language translation, please read the instructions in localization guide.
To add the translated language in the store refer to
src/store/LocaleStoreand update the initial state as below:
js
const initialState = {
languages: [
{
name: "English",
icon: // vue-country-flag-next,
locale: "en",
},
{
name: "Arabic",
icon: // vue-country-flag-next,
locale: "ar",
},
],
// ...
};