refactor: move /payments into vue component (#3414)

lnbits/static/js/init-app.js

@@ -166,15 +166,6 @@ const routes = [
       scripts: ['/static/js/audit.js']
     }
   },
-  {
-    path: '/payments',
-    name: 'Payments',
-    component: DynamicComponent,
-    props: {
-      fetchUrl: '/payments',
-      scripts: ['/static/js/payments.js']
-    }
-  },
   {
     path: '/extensions',
     name: 'Extensions',
@@ -219,6 +210,16 @@ const routes = [
       fetchUrl: '/node',
       scripts: ['/static/js/node.js']
     }
+  },
+  {
+    path: '/node',
+    name: 'Node',
+    component: DynamicComponent
+  },
+  {
+    path: '/payments',
+    name: 'Payments',
+    component: PagePayments
   }
 ]
 

lnbits/static/js/pages/payments.js

@@ -1,4 +1,5 @@
-window.PaymentsPageLogic = {
+window.PagePayments = {
+  template: '#page-payments',
   mixins: [window.windowMixin],
   data() {
     return {

lnbits/static/vendor.json

@@ -38,6 +38,7 @@
     "js/bolt11-decoder.js"
   ],
   "components": [
+    "js/pages/payments.js",
     "js/components/lnbits-qrcode.js",
     "js/components/lnbits-qrcode-lnurl.js",
     "js/components/lnbits-funding-sources.js",