📖 Implementation

Copy the following code in the entry point of your application for example: main.ts or main.js.

1import 'slm-select/dist/slm-select.min.css'
2import SlmSelect from 'slm-select'
3
4Vue.use(SlmSelect, {
5  applicationServer: 'the server of the SLM API from where your are trying to get the translations',
6  applicationCode: 'your application code',
7  fallbackLocale: 'your default locale',
8  loadOnMount: 'by default is true'
9})

Your entry point should look like this:

1import Vue from 'vue'
2import App from './App.vue'
3import 'slm-select/dist/slm-select.min.css'
4import SlmSelect from 'slm-select'
5
6Vue.config.productionTip = false
7
8Vue.use(SlmSelect, {
9  applicationServer: 'the server of the SLM API from where your are trying to get the translations',
10  applicationCode: 'your application code',
11  fallbackLocale: 'your default locale'
12})
13
14new Vue({
15  render: h => h(App),
16}).$mount('#app')

🔥 Usage

In your vue template you need to put your key and label as you specified in SLM and the filter sx-translate

1<template>
2  <div>
3    <p>{{ "placeholder.value" | sx-translate }}</p>
4  </div>
5</template>

To change the language globally, just add the slm-select component where you want

1<template>
2  <div>
3    <slm-select/>
4  </div>
5</template>