title: vue-i18n how to keep language after refresh/ access $i18n.locale in js (runtime)?
body: <p>I don't know how to access $i18n.locale in runtime. Therefore I don't know how to keep it in my session, so that it doesn't go back to english when the page get refreshed.</p>
  
  <pre><code>&lt;select class="dropdown-menu-lang " aria-labelledby="dropdown07" v-model="$i18n.locale" @change="langChanged($i18n.locale)" &gt;
            &lt;option class="dropdown-item-lang" v-for="(lang, i) in langs" :key="`Lang${i}`" :value="lang"&gt;{{ lang }}&lt;/option&gt;
  &lt;/select&gt;
  
  langs: ['fr', 'en'],
  </code></pre>
  
  <p>Here is what I tried</p>
  
  <pre><code>mounted(){
       if(localStorage.Lang!=null) $i18n.locale=localStorage.Lang; //how to access $i18n.locale ??
   },
  
  langChanged(lang){
        localStorage.Lang=lang; //this is OK
  },
  </code></pre>
  
  <p>And here is how I define everything in app.js</p>
  
  <pre><code>import Vue from 'vue';
  import Vuetify from 'vuetify';
  import VueInternationalization from 'vue-i18n';
  import Locale from './vue-i18n-locales.generated.js';
  
  Vue.use(VueInternationalization);
  
  const lang = document.documentElement.lang.substr(0, 2); 
  
  const i18n = new VueInternationalization({
      locale: lang,
      messages: Locale
  });
  </code></pre>
  
  <p>Thank you very much</p>