Setting MultiLanguage using Typescript : adding i18n.d.ts for the compiler

src/components/Header.vue

@@ -23,7 +23,7 @@
                     <div slot="subtitle">{{$t('msg.myDescriz')}}</div>
                 </q-toolbar-title>
 
-                <q-select class="sel_lang" v-model="setlang" stack-label="" :options="selectOpLang"/>
+                <q-select class="sel_lang" v-model="lang" stack-label="" :options="selectOpLang"/>
 
                 <!--<message-popover></message-popover>-->
 
@@ -50,12 +50,6 @@
 </template>
 
 <script lang="ts">
-  // import { openURL } from 'quasar'
-
-  import {Quasar} from 'quasar';
-
-
-
   import Vue from 'vue'
   import Component from 'vue-class-component'
 
@@ -70,39 +64,30 @@
   })
 
   export default class Header extends Vue {
-  /*
     public $v
     public $q
 
-
-
     public selectOpLang = [
       { label: 'English (UK)', icon: 'fa-flag-us', value: 'en-uk' },
       { label: 'German', icon: 'fa-flag-de', value: 'de' },
       { label: 'Spanish', icon: 'fa-flag-es', value: 'es' },
       { label: 'Italian', icon: 'fa-facebook', value: 'it' }
     ]
-    public lang = this.$q.i18n.lang
-    // public leftDrawerOpen = this.$q.platform.is.desktop
+    public leftDrawerOpen = this.$q.platform.is.desktop
 
-    public setlang(lang) {
+    get lang() {
+      return this.$q.i18n.lang
+    }
+
+    set lang(lang) {
       this.$i18n.locale = this.snakeToCamel(lang)
-      console.log("LANG LOCALE = " + this.$i18n.locale)
-
 
       // dynamic import, so loading on demand only
       import(`quasar-framework/i18n/${lang}`).then(lang => {
-        //console.log("lang prima = " + this.$q.i18n.lang);
         this.$q.i18n.set(lang.default)
-        var mylang = this.$q.i18n.lang
-        console.log("lang = " + this.$q.i18n.lang)
-        //console.log("lang DOPO = " + this.$q.i18n.lang);
         import(`src/i18n`).then(function () {
-
         })
       })
-
-      // dynamic import, so loading on demand only
     }
 
     public snakeToCamel(str) {
@@ -110,8 +95,6 @@
         return m[1].toUpperCase()
       })
     }
-  */
-
   }