Vuely support multilingual feature which helps you to build your app in multilingual. Read the documentation carefully and follow the steps.<\/p>\n\n\n\n
Follow the steps if you want to set default language you can choose english, french, hebrew, russian and arabic according to your desired language.<\/p>\n\n\n\n
Go to the Go to the After that access any page.<\/p>\n\n\n\n Where languages is type of array which provides you to set of locales. Languages are defined in the Here are the instructions to add a new locale in your app. We are taken an example of German<\/strong> that we are going to add.<\/p>\n\n\n\n Create Add new Now you need to add your locale inside the That’s it, Now you can translate your app in your preferred language.<\/p>\npublic-> javascripts-> main.js<\/code><\/p>\n\n\n\n \/\/ Change code of the language to set the default language
var langCode = 'en'; <\/pre>\n\n\n\nroutes->session->session.js<\/code><\/p>\n\n\n\n\/\/ Change code of the language to set the default language
var defaultLang = '?clang=en';<\/pre>\n\n\n\ndata.js<\/code> file under the routes-> data.js<\/code><\/p>\n\n\n\nexports.languages = [{
name: \"English\",
icon: \"en\"
},{
name: \"French\",
icon: \"fr\"
},{
name: \"Hebrew\",
icon: \"he\"
},{
name: \"Russian\",
icon: \"ru\"
}
] <\/pre>\n\n\n\nHow To Add A New Locale<\/h5>\n\n\n\n
ge.json<\/code> file under the directory lang->ge.json<\/code>that you have just created and define the static strings which you want translate into German, you can check the other locale files how strings are defined.<\/p>\n\n\n\n{
\"general\": \"Allgemeines\",
\"overview\": \"\u00dcberblick\",
}<\/pre>\n\n\n\n\"ge\" <\/code> variable in app.js<\/code> file<\/p>\n\n\n\napp.use(i18n({
translationsPath: path.join(__dirname, 'lang'), \/\/ <--- use here. Specify translations files path.
siteLangs: [\"ar\",\"en\",\"cn\",\"fr\",\"he\",\"es\",\"ru\",\"ge\"], \/\/ add new locales
cookieLangName : 'ulang',
browserEnable : 'true',
textsVarName: 'translation'
}));<\/pre>\n\n\n\ndata.js<\/code> file under the routes-> data.js <\/code>directory.<\/p>\n\n\n\n...
exports.languages = [{
name: \"English\",
icon: \"en\"
},{
name: \"French\",
icon: \"fr\"
},{
name: \"Hebrew\",
icon: \"he\"
},{
name: \"Russian\",
icon: \"ru\"
},
\/\/ your locale goes to here
{
name: \"German\",
icon: \"ge\"
}
]
... <\/pre>\n\n\n\n<\/pre>\n\n\n\n