## Dependencies
i18n needs to be installed within your project with locales for this component to function.
See vue-i18n documentation for more info at http://kazupon.github.io/vue-i18n/ for the following basic settings:

```js
import Vue from 'vue'
//import the vue-i18n library
import VueI18n from 'vue-i18n'

//initialize it with basic locale
Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: 'en-US',
  messages: {
    'en-US': {
    },
  }
})

//add it globally to the vue instance
new Vue({
  router,
  i18n,
  render: h => h(App),
}).$mount('#app');
```

## Local Storage
The Language selector uses local storage to save the current locale, but it does not retrieve it. The application should be in charged of retrieving the selected language.

## Code Samples

### Languages

'En' is set as the default, but more languages can be added via props:

```html
<lang-selector :languages="languages">
```

```js
languages: [
  {
    language: 'en',
    title: 'English'
  },
  {
    language: 'es',
    title: 'Español'
  },
],
```