chore: refactor windowMixin, init-app.js, lnbits-theme (#3569)

lnbits/static/js/components/lnbits-theme.js

@@ -1,6 +1,12 @@
 window.app.component('lnbits-theme', {
   mixins: [window.windowMixin],
   watch: {
+    'g.walletFlip'(val) {
+      this.$q.localStorage.setItem('lnbits.walletFlip', val)
+      if (val === true && this.$q.screen.lt.md) {
+        this.g.visibleDrawer = false
+      }
+    },
     'g.disclaimerShown'(val) {
       this.$q.localStorage.setItem('lnbits.disclaimerShown', val)
     },

lnbits/static/js/init-app.js

@@ -1,3 +1,11 @@
+const quasarConfig = {
+  config: {
+    loading: {
+      spinner: Quasar.QSpinnerBars
+    }
+  }
+}
+
 const routes = [
   {
     path: '/node',
@@ -71,6 +79,12 @@ window.router = VueRouter.createRouter({
   routes
 })
 
+window.i18n = new VueI18n.createI18n({
+  locale: window.g.locale,
+  fallbackLocale: 'en',
+  messages: window.localisation
+})
+
 window.app.mixin({
   computed: {
     isVueRoute() {
@@ -83,22 +97,8 @@ window.app.mixin({
 })
 
 window.app.use(VueQrcodeReader)
-window.app.use(Quasar, {
-  config: {
-    loading: {
-      spinner: Quasar.QSpinnerBars
-    }
-  }
-})
-
-window.i18n = new VueI18n.createI18n({
-  locale: window.g.locale,
-  fallbackLocale: 'en',
-  messages: window.localisation
-})
+window.app.use(Quasar, quasarConfig)
 
 window.app.use(window.i18n)
-
-window.app.provide('g', g)
 window.app.use(window.router)
 window.app.mount('#vue')

lnbits/static/js/windowMixin.js

@@ -2,10 +2,7 @@ window.windowMixin = {
   i18n: window.i18n,
   data() {
     return {
-      api: window._lnbitsApi,
-      utils: window._lnbitsUtils,
       g: window.g,
-      currencies: window.currencies,
       ...WINDOW_SETTINGS
     }
   },
@@ -14,18 +11,6 @@ window.windowMixin = {
       this.g.newWalletType = walletType
       this.g.showNewWalletDialog = true
     },
-    flipWallets(smallScreen) {
-      this.g.walletFlip = !this.g.walletFlip
-      if (this.g.walletFlip && smallScreen) {
-        this.g.visibleDrawer = false
-      }
-      this.$q.localStorage.set('lnbits.walletFlip', this.g.walletFlip)
-    },
-    goToWallets() {
-      this.$router.push({
-        path: '/wallets'
-      })
-    },
     paymentEvents() {
       this.g.walletEventListeners = this.g.walletEventListeners || []
       this.g.user.wallets.forEach(wallet => {