diff --git a/.github/workflows/formatting.yml b/.github/workflows/formatting.yml
index 608e2417..18c8d5d6 100644
--- a/.github/workflows/formatting.yml
+++ b/.github/workflows/formatting.yml
@@ -15,3 +15,12 @@ jobs:
       - run: python3 -m venv venv
       - run: ./venv/bin/pip install black
       - run: make checkblack
+  prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+      - run: sudo apt-get install python3-venv
+      - run: python3 -m venv venv
+      - run: npm install prettier
+      - run: ./node_modules/.bin/prettier --check lnbits/static/js/*.js lnbits/core/static/js/*.js lnbits/extensions/*/templates/*/*.html ./lnbits/core/templates/core/*.html lnbits/templates/*.html lnbits/extensions/*/static/js/*.js
\ No newline at end of file
diff --git a/Makefile b/Makefile
index b9418df5..63f7eb23 100644
--- a/Makefile
+++ b/Makefile
@@ -2,7 +2,7 @@
 
 all: format check requirements.txt
 
-format: black
+format: prettier black
 
 check: mypy checkprettier checkblack
 
diff --git a/lnbits/core/templates/core/_api_docs.html b/lnbits/core/templates/core/_api_docs.html
index 5df37676..271568d4 100644
--- a/lnbits/core/templates/core/_api_docs.html
+++ b/lnbits/core/templates/core/_api_docs.html
@@ -48,7 +48,8 @@
         <code>{"X-Api-Key": "<i>{{ wallet.inkey }}</i>"}</code><br />
         <h5 class="text-caption q-mt-sm q-mb-none">Body (application/json)</h5>
         <code
-          >{"out": false, "amount": &lt;int&gt;, "memo": &lt;string&gt;, "unit": &lt;string&gt;, "webhook": &lt;url:string&gt;}</code
+          >{"out": false, "amount": &lt;int&gt;, "memo": &lt;string&gt;, "unit":
+          &lt;string&gt;, "webhook": &lt;url:string&gt;}</code
         >
         <h5 class="text-caption q-mt-sm q-mb-none">
           Returns 201 CREATED (application/json)
@@ -61,8 +62,8 @@
         <code
           >curl -X POST {{ request.base_url }}api/v1/payments -d '{"out": false,
           "amount": &lt;int&gt;, "memo": &lt;string&gt;, "webhook":
-          &lt;url:string&gt;, "unit": &lt;string&gt;}' -H "X-Api-Key: <i>{{ wallet.inkey }}</i>" -H
-          "Content-type: application/json"</code
+          &lt;url:string&gt;, "unit": &lt;string&gt;}' -H "X-Api-Key:
+          <i>{{ wallet.inkey }}</i>" -H "Content-type: application/json"</code
         >
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/copilot/templates/copilot/_api_docs.html b/lnbits/extensions/copilot/templates/copilot/_api_docs.html
index f0002611..eed25169 100644
--- a/lnbits/extensions/copilot/templates/copilot/_api_docs.html
+++ b/lnbits/extensions/copilot/templates/copilot/_api_docs.html
@@ -31,8 +31,8 @@
           <code>[&lt;copilot_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X POST {{ request.base_url }}copilot/api/v1/copilot -d '{"title":
-            &lt;string&gt;, "animation": &lt;string&gt;,
+            >curl -X POST {{ request.base_url }}copilot/api/v1/copilot -d
+            '{"title": &lt;string&gt;, "animation": &lt;string&gt;,
             "show_message":&lt;string&gt;, "amount": &lt;integer&gt;,
             "lnurl_title": &lt;string&gt;}' -H "Content-type: application/json"
             -H "X-Api-Key: {{user.wallets[0].adminkey }}"
@@ -59,11 +59,11 @@
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
             >curl -X POST {{ request.base_url
-            }}copilot/api/v1/copilot/&lt;copilot_id&gt; -d '{"title": &lt;string&gt;,
-            "animation": &lt;string&gt;, "show_message":&lt;string&gt;,
-            "amount": &lt;integer&gt;, "lnurl_title": &lt;string&gt;}' -H
-            "Content-type: application/json" -H "X-Api-Key:
-            {{user.wallets[0].adminkey }}"
+            }}copilot/api/v1/copilot/&lt;copilot_id&gt; -d '{"title":
+            &lt;string&gt;, "animation": &lt;string&gt;,
+            "show_message":&lt;string&gt;, "amount": &lt;integer&gt;,
+            "lnurl_title": &lt;string&gt;}' -H "Content-type: application/json"
+            -H "X-Api-Key: {{user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -87,8 +87,9 @@
           <code>[&lt;copilot_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}copilot/api/v1/copilot/&lt;copilot_id&gt;
-            -H "X-Api-Key: {{ user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url
+            }}copilot/api/v1/copilot/&lt;copilot_id&gt; -H "X-Api-Key: {{
+            user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -110,8 +111,8 @@
           <code>[&lt;copilot_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}copilot/api/v1/copilots -H "X-Api-Key: {{
-            user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url }}copilot/api/v1/copilots -H
+            "X-Api-Key: {{ user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -161,9 +162,10 @@
           <code></code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}copilot/api/v1/copilot/ws/&lt;string,
-            copilot_id&gt;/&lt;string, comment&gt;/&lt;string, gif name&gt; -H
-            "X-Api-Key: {{ user.wallets[0].adminkey }}"
+            >curl -X GET {{ request.base_url
+            }}copilot/api/v1/copilot/ws/&lt;string, copilot_id&gt;/&lt;string,
+            comment&gt;/&lt;string, gif name&gt; -H "X-Api-Key: {{
+            user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
diff --git a/lnbits/extensions/discordbot/templates/discordbot/_api_docs.html b/lnbits/extensions/discordbot/templates/discordbot/_api_docs.html
index 40fcfb12..fcda086a 100644
--- a/lnbits/extensions/discordbot/templates/discordbot/_api_docs.html
+++ b/lnbits/extensions/discordbot/templates/discordbot/_api_docs.html
@@ -10,12 +10,19 @@
         Discord Bot: Connect Discord users to LNbits.
       </h5>
       <p>
-        Connect your LNbits instance to a <a href="https://github.com/chrislennon/lnbits-discord-bot">Discord Bot</a> leveraging LNbits as a community based lightning node.<br />
+        Connect your LNbits instance to a
+        <a href="https://github.com/chrislennon/lnbits-discord-bot"
+          >Discord Bot</a
+        >
+        leveraging LNbits as a community based lightning node.<br />
         <small>
-          Created by, <a href="https://github.com/chrislennon">Chris Lennon</a></small
-        > <br />
+          Created by,
+          <a href="https://github.com/chrislennon">Chris Lennon</a></small
+        >
+        <br />
         <small>
-          Based on User Manager, by <a href="https://github.com/benarc">Ben Arc</a></small
+          Based on User Manager, by
+          <a href="https://github.com/benarc">Ben Arc</a></small
         >
       </p>
     </q-card-section>
@@ -149,8 +156,9 @@
         <code
           >curl -X POST {{ request.base_url }}discordbot/api/v1/users -d
           '{"admin_id": "{{ user.id }}", "wallet_name": &lt;string&gt;,
-          "user_name": &lt;string&gt;, "discord_id": &lt;string&gt;}' -H "X-Api-Key: {{
-          user.wallets[0].inkey }}" -H "Content-type: application/json"
+          "user_name": &lt;string&gt;, "discord_id": &lt;string&gt;}' -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}" -H "Content-type:
+          application/json"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/discordbot/templates/discordbot/index.html b/lnbits/extensions/discordbot/templates/discordbot/index.html
index 782f8bb6..70965a70 100644
--- a/lnbits/extensions/discordbot/templates/discordbot/index.html
+++ b/lnbits/extensions/discordbot/templates/discordbot/index.html
@@ -136,7 +136,8 @@
   <div class="col-12 col-md-4 col-lg-5 q-gutter-y-md">
     <q-card>
       <q-card-section>
-        <h6 class="text-subtitle1 q-my-none">LNbits Discord Bot Extension
+        <h6 class="text-subtitle1 q-my-none">
+          LNbits Discord Bot Extension
           <!--{{SITE_TITLE}} Discord Bot Extension-->
         </h6>
       </q-card-section>
@@ -236,7 +237,12 @@
           columns: [
             {name: 'id', align: 'left', label: 'ID', field: 'id'},
             {name: 'name', align: 'left', label: 'Username', field: 'name'},
-            {name: 'discord_id', align: 'left', label: 'discord_id', field: 'discord_id'}
+            {
+              name: 'discord_id',
+              align: 'left',
+              label: 'discord_id',
+              field: 'discord_id'
+            }
           ],
           pagination: {
             rowsPerPage: 10
diff --git a/lnbits/extensions/events/templates/events/index.html b/lnbits/extensions/events/templates/events/index.html
index 409ed2af..7f34a3e2 100644
--- a/lnbits/extensions/events/templates/events/index.html
+++ b/lnbits/extensions/events/templates/events/index.html
@@ -381,10 +381,10 @@
       getTickets: function () {
         var self = this
         LNbits.api
-        .request(
-          'GET',
-          '/events/api/v1/tickets?all_wallets=true',
-          this.g.user.wallets[0].inkey
+          .request(
+            'GET',
+            '/events/api/v1/tickets?all_wallets=true',
+            this.g.user.wallets[0].inkey
           )
           .then(function (response) {
             console.log(response)
diff --git a/lnbits/extensions/jukebox/static/js/index.js b/lnbits/extensions/jukebox/static/js/index.js
index 049b600e..fe724450 100644
--- a/lnbits/extensions/jukebox/static/js/index.js
+++ b/lnbits/extensions/jukebox/static/js/index.js
@@ -3,9 +3,9 @@
 Vue.component(VueQrcode.name, VueQrcode)
 
 var mapJukebox = obj => {
-  if(obj.sp_device){
+  if (obj.sp_device) {
     obj._data = _.clone(obj)
-   
+
     obj.sp_id = obj._data.id
     obj.device = obj._data.sp_device.split('-')[0]
     playlists = obj._data.sp_playlists.split(',')
@@ -17,11 +17,9 @@ var mapJukebox = obj => {
     obj.playlist = playlistsar.join()
     console.log(obj)
     return obj
-  }
-  else {
+  } else {
     return
   }
-  
 }
 
 new Vue({
@@ -87,14 +85,14 @@ new Vue({
       var link = _.findWhere(this.JukeboxLinks, {id: linkId})
 
       this.qrCodeDialog.data = _.clone(link)
-    
+
       this.qrCodeDialog.data.url =
         window.location.protocol + '//' + window.location.host
       this.qrCodeDialog.show = true
     },
     getJukeboxes() {
       self = this
-      
+
       LNbits.api
         .request(
           'GET',
@@ -103,8 +101,7 @@ new Vue({
         )
         .then(function (response) {
           self.JukeboxLinks = response.data.map(function (obj) {
-
-                return mapJukebox(obj)
+            return mapJukebox(obj)
           })
           console.log(self.JukeboxLinks)
         })
@@ -154,7 +151,7 @@ new Vue({
     submitSpotifyKeys() {
       self = this
       self.jukeboxDialog.data.user = self.g.user.id
-      
+
       LNbits.api
         .request(
           'POST',
diff --git a/lnbits/extensions/jukebox/templates/jukebox/_api_docs.html b/lnbits/extensions/jukebox/templates/jukebox/_api_docs.html
index 2a00da00..f4daaf39 100644
--- a/lnbits/extensions/jukebox/templates/jukebox/_api_docs.html
+++ b/lnbits/extensions/jukebox/templates/jukebox/_api_docs.html
@@ -37,8 +37,8 @@
         <code>[&lt;jukebox_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}jukebox/api/v1/jukebox -H "X-Api-Key: {{
-          user.wallets[0].adminkey }}"
+          >curl -X GET {{ request.base_url }}jukebox/api/v1/jukebox -H
+          "X-Api-Key: {{ user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -59,8 +59,9 @@
         <code>&lt;jukebox_object&gt;</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}jukebox/api/v1/jukebox/&lt;juke_id&gt; -H
-          "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          >curl -X GET {{ request.base_url
+          }}jukebox/api/v1/jukebox/&lt;juke_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -86,8 +87,8 @@
         <code>&lt;jukbox_object&gt;</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X POST {{ request.base_url }}jukebox/api/v1/jukebox/ -d '{"user":
-          &lt;string, user_id&gt;, "title": &lt;string&gt;,
+          >curl -X POST {{ request.base_url }}jukebox/api/v1/jukebox/ -d
+          '{"user": &lt;string, user_id&gt;, "title": &lt;string&gt;,
           "wallet":&lt;string&gt;, "sp_user": &lt;string,
           spotify_user_account&gt;, "sp_secret": &lt;string,
           spotify_user_secret&gt;, "sp_access_token": &lt;string,
@@ -116,8 +117,9 @@
         <code>&lt;jukebox_object&gt;</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X DELETE {{ request.base_url }}jukebox/api/v1/jukebox/&lt;juke_id&gt;
-          -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          >curl -X DELETE {{ request.base_url
+          }}jukebox/api/v1/jukebox/&lt;juke_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/livestream/templates/livestream/_api_docs.html b/lnbits/extensions/livestream/templates/livestream/_api_docs.html
index 629e5d9c..fb4853ce 100644
--- a/lnbits/extensions/livestream/templates/livestream/_api_docs.html
+++ b/lnbits/extensions/livestream/templates/livestream/_api_docs.html
@@ -38,8 +38,8 @@
         <code>[&lt;livestream_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}livestream/api/v1/livestream -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}livestream/api/v1/livestream -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -110,11 +110,11 @@
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
           >curl -X POST {{ request.base_url }}
-          livestream/api/v1/livestream/tracks -d
-          '{"name": &lt;string&gt;, "download_url": &lt;string&gt;,
-          "price_msat": &lt;integer&gt;, "producer_id": &lt;integer&gt;,
-          "producer_name": &lt;string&gt;}' -H "Content-type: application/json"
-          -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          livestream/api/v1/livestream/tracks -d '{"name": &lt;string&gt;,
+          "download_url": &lt;string&gt;, "price_msat": &lt;integer&gt;,
+          "producer_id": &lt;integer&gt;, "producer_name": &lt;string&gt;}' -H
+          "Content-type: application/json" -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/lnaddress/templates/lnaddress/_api_docs.html b/lnbits/extensions/lnaddress/templates/lnaddress/_api_docs.html
index dbaa8469..8f9b9b0b 100644
--- a/lnbits/extensions/lnaddress/templates/lnaddress/_api_docs.html
+++ b/lnbits/extensions/lnaddress/templates/lnaddress/_api_docs.html
@@ -149,7 +149,13 @@
       </q-card-section>
     </q-card>
   </q-expansion-item>
-  <q-expansion-item group="api" dense expand-separator label="POST address" class="q-pb-md">
+  <q-expansion-item
+    group="api"
+    dense
+    expand-separator
+    label="POST address"
+    class="q-pb-md"
+  >
     <q-card>
       <q-card-section>
         <code
diff --git a/lnbits/extensions/lnaddress/templates/lnaddress/display.html b/lnbits/extensions/lnaddress/templates/lnaddress/display.html
index 7164752c..9436525d 100644
--- a/lnbits/extensions/lnaddress/templates/lnaddress/display.html
+++ b/lnbits/extensions/lnaddress/templates/lnaddress/display.html
@@ -372,7 +372,7 @@
         }
         data.wallet_endpoint = data.wallet_endpoint ?? '{{ root_url }}'
         data.duration = parseInt(data.duration)
-        
+
         axios
           .post('/lnaddress/api/v1/address/{{ domain_id }}', data)
           .then(response => {
diff --git a/lnbits/extensions/lnaddress/templates/lnaddress/index.html b/lnbits/extensions/lnaddress/templates/lnaddress/index.html
index dffef837..147bd4f6 100644
--- a/lnbits/extensions/lnaddress/templates/lnaddress/index.html
+++ b/lnbits/extensions/lnaddress/templates/lnaddress/index.html
@@ -191,9 +191,13 @@
           type="text"
           label="Cloudflare API token"
         >
-        <template v-slot:hint>
-          Check extension <a href="https://github.com/lnbits/lnbits-legend/tree/master/lnbits/extensions/lnaddress">documentation!</a>
-        </template>
+          <template v-slot:hint>
+            Check extension
+            <a
+              href="https://github.com/lnbits/lnbits-legend/tree/master/lnbits/extensions/lnaddress"
+              >documentation!</a
+            >
+          </template>
           <q-tooltip class="bg-grey-8" anchor="bottom left" self="top left"
             >Your API key in cloudflare</q-tooltip
           >
diff --git a/lnbits/extensions/lnticket/templates/lnticket/index.html b/lnbits/extensions/lnticket/templates/lnticket/index.html
index 6572d98a..6dafb4c2 100644
--- a/lnbits/extensions/lnticket/templates/lnticket/index.html
+++ b/lnbits/extensions/lnticket/templates/lnticket/index.html
@@ -120,7 +120,7 @@
               <q-th auto-width></q-th>
               <q-th auto-width></q-th>
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
-                {{ col.label }}                
+                {{ col.label }}
               </q-th>
             </q-tr>
           </template>
@@ -145,11 +145,13 @@
                   icon="launch"
                   :color="($q.dark.isActive) ? 'grey-7' : 'grey-5'"
                   @click="ticketCard(props)"
-                ><q-tooltip> Click to show ticket </q-tooltip></q-btn>
+                  ><q-tooltip> Click to show ticket </q-tooltip></q-btn
+                >
               </q-td>
 
               <q-td v-for="col in props.cols" :key="col.name" :props="props">
-                {{ col.label == "Ticket" ? col.value.length > 20 ? `${col.value.substring(0, 20)}...` : col.value : col.value }}
+                {{ col.label == "Ticket" ? col.value.length > 20 ?
+                `${col.value.substring(0, 20)}...` : col.value : col.value }}
               </q-td>
 
               <q-td auto-width>
@@ -410,7 +412,7 @@
               })
           })
       },
-      ticketCard(ticket){
+      ticketCard(ticket) {
         this.ticketDialog.show = true
         let {date, email, ltext, name} = ticket.row
         this.ticketDialog.data = {
@@ -469,7 +471,7 @@
       },
       updateformDialog: function (formId) {
         var link = _.findWhere(this.forms, {id: formId})
-        console.log("LINK", link)
+        console.log('LINK', link)
 
         this.formDialog.data.id = link.id
         this.formDialog.data.wallet = link.wallet
diff --git a/lnbits/extensions/lnurldevice/templates/lnurldevice/_api_docs.html b/lnbits/extensions/lnurldevice/templates/lnurldevice/_api_docs.html
index e255d4a0..d5b4b5b8 100644
--- a/lnbits/extensions/lnurldevice/templates/lnurldevice/_api_docs.html
+++ b/lnbits/extensions/lnurldevice/templates/lnurldevice/_api_docs.html
@@ -39,8 +39,8 @@
           <code>[&lt;lnurldevice_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X POST {{ request.base_url }}lnurldevice/api/v1/lnurlpos -d '{"title":
-            &lt;string&gt;, "message":&lt;string&gt;, "currency":
+            >curl -X POST {{ request.base_url }}lnurldevice/api/v1/lnurlpos -d
+            '{"title": &lt;string&gt;, "message":&lt;string&gt;, "currency":
             &lt;integer&gt;}' -H "Content-type: application/json" -H "X-Api-Key:
             {{user.wallets[0].adminkey }}"
           </code>
@@ -104,8 +104,8 @@
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
             >curl -X GET {{ request.base_url
-            }}lnurldevice/api/v1/lnurlpos/&lt;lnurldevice_id&gt; -H "X-Api-Key: {{
-            user.wallets[0].inkey }}"
+            }}lnurldevice/api/v1/lnurlpos/&lt;lnurldevice_id&gt; -H "X-Api-Key:
+            {{ user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -159,8 +159,8 @@
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
             >curl -X DELETE {{ request.base_url
-            }}lnurldevice/api/v1/lnurlpos/&lt;lnurldevice_id&gt; -H "X-Api-Key: {{
-            user.wallets[0].adminkey }}"
+            }}lnurldevice/api/v1/lnurlpos/&lt;lnurldevice_id&gt; -H "X-Api-Key:
+            {{ user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
diff --git a/lnbits/extensions/lnurldevice/templates/lnurldevice/index.html b/lnbits/extensions/lnurldevice/templates/lnurldevice/index.html
index b51e2556..24d19484 100644
--- a/lnbits/extensions/lnurldevice/templates/lnurldevice/index.html
+++ b/lnbits/extensions/lnurldevice/templates/lnurldevice/index.html
@@ -480,12 +480,11 @@
             updatedData
           )
           .then(function (response) {
-            self.lnurldeviceLinks = _.reject(
-              self.lnurldeviceLinks,
-              function (obj) {
-                return obj.id === updatedData.id
-              }
-            )
+            self.lnurldeviceLinks = _.reject(self.lnurldeviceLinks, function (
+              obj
+            ) {
+              return obj.id === updatedData.id
+            })
             self.lnurldeviceLinks.push(maplnurldevice(response.data))
             self.formDialoglnurldevice.show = false
             self.clearFormDialoglnurldevice()
diff --git a/lnbits/extensions/lnurlp/templates/lnurlp/_api_docs.html b/lnbits/extensions/lnurlp/templates/lnurlp/_api_docs.html
index bf920558..200865fb 100644
--- a/lnbits/extensions/lnurlp/templates/lnurlp/_api_docs.html
+++ b/lnbits/extensions/lnurlp/templates/lnurlp/_api_docs.html
@@ -17,8 +17,8 @@
         <code>[&lt;pay_link_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}lnurlp/api/v1/links -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}lnurlp/api/v1/links -H "X-Api-Key:
+          {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -39,8 +39,8 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}lnurlp/api/v1/links/&lt;pay_id&gt; -H
-          "X-Api-Key: {{ user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}lnurlp/api/v1/links/&lt;pay_id&gt;
+          -H "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -68,11 +68,11 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X POST {{ request.base_url }}lnurlp/api/v1/links -d '{"description":
-          &lt;string&gt;, "amount": &lt;integer&gt;, "max": &lt;integer&gt;,
-          "min": &lt;integer&gt;, "comment_chars": &lt;integer&gt;}' -H
-          "Content-type: application/json" -H "X-Api-Key: {{
-          user.wallets[0].adminkey }}"
+          >curl -X POST {{ request.base_url }}lnurlp/api/v1/links -d
+          '{"description": &lt;string&gt;, "amount": &lt;integer&gt;, "max":
+          &lt;integer&gt;, "min": &lt;integer&gt;, "comment_chars":
+          &lt;integer&gt;}' -H "Content-type: application/json" -H "X-Api-Key:
+          {{ user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -99,8 +99,8 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X PUT {{ request.base_url }}lnurlp/api/v1/links/&lt;pay_id&gt; -d
-          '{"description": &lt;string&gt;, "amount": &lt;integer&gt;}' -H
+          >curl -X PUT {{ request.base_url }}lnurlp/api/v1/links/&lt;pay_id&gt;
+          -d '{"description": &lt;string&gt;, "amount": &lt;integer&gt;}' -H
           "Content-type: application/json" -H "X-Api-Key: {{
           user.wallets[0].adminkey }}"
         </code>
@@ -126,8 +126,9 @@
         <code></code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X DELETE {{ request.base_url }}lnurlp/api/v1/links/&lt;pay_id&gt; -H
-          "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          >curl -X DELETE {{ request.base_url
+          }}lnurlp/api/v1/links/&lt;pay_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/offlineshop/templates/offlineshop/_api_docs.html b/lnbits/extensions/offlineshop/templates/offlineshop/_api_docs.html
index bd68b629..a472d549 100644
--- a/lnbits/extensions/offlineshop/templates/offlineshop/_api_docs.html
+++ b/lnbits/extensions/offlineshop/templates/offlineshop/_api_docs.html
@@ -127,7 +127,13 @@
       </q-card-section>
     </q-card>
   </q-expansion-item>
-  <q-expansion-item group="api" dense expand-separator label="Delete item" class="q-pb-md">
+  <q-expansion-item
+    group="api"
+    dense
+    expand-separator
+    label="Delete item"
+    class="q-pb-md"
+  >
     <q-card>
       <q-card-section>
         <code><span class="text-blue">DELETE</span></code>
diff --git a/lnbits/extensions/paywall/templates/paywall/_api_docs.html b/lnbits/extensions/paywall/templates/paywall/_api_docs.html
index 664cda0f..2c8fe672 100644
--- a/lnbits/extensions/paywall/templates/paywall/_api_docs.html
+++ b/lnbits/extensions/paywall/templates/paywall/_api_docs.html
@@ -17,8 +17,8 @@
         <code>[&lt;paywall_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}paywall/api/v1/paywalls -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}paywall/api/v1/paywalls -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -48,11 +48,11 @@
         >
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X POST {{ request.base_url }}paywall/api/v1/paywalls -d '{"url":
-          &lt;string&gt;, "memo": &lt;string&gt;, "description": &lt;string&gt;,
-          "amount": &lt;integer&gt;, "remembers": &lt;boolean&gt;}' -H
-          "Content-type: application/json" -H "X-Api-Key: {{
-          user.wallets[0].adminkey }}"
+          >curl -X POST {{ request.base_url }}paywall/api/v1/paywalls -d
+          '{"url": &lt;string&gt;, "memo": &lt;string&gt;, "description":
+          &lt;string&gt;, "amount": &lt;integer&gt;, "remembers":
+          &lt;boolean&gt;}' -H "Content-type: application/json" -H "X-Api-Key:
+          {{ user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/satsdice/templates/satsdice/_api_docs.html b/lnbits/extensions/satsdice/templates/satsdice/_api_docs.html
index 644bcdfe..a80fd37a 100644
--- a/lnbits/extensions/satsdice/templates/satsdice/_api_docs.html
+++ b/lnbits/extensions/satsdice/templates/satsdice/_api_docs.html
@@ -17,8 +17,8 @@
         <code>[&lt;satsdice_link_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}satsdice/api/v1/links -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}satsdice/api/v1/links -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -44,8 +44,9 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}satsdice/api/v1/links/&lt;satsdice_id&gt; -H
-          "X-Api-Key: {{ user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url
+          }}satsdice/api/v1/links/&lt;satsdice_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -73,8 +74,8 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X POST {{ request.base_url }}satsdice/api/v1/links -d '{"title":
-          &lt;string&gt;, "min_satsdiceable": &lt;integer&gt;,
+          >curl -X POST {{ request.base_url }}satsdice/api/v1/links -d
+          '{"title": &lt;string&gt;, "min_satsdiceable": &lt;integer&gt;,
           "max_satsdiceable": &lt;integer&gt;, "uses": &lt;integer&gt;,
           "wait_time": &lt;integer&gt;, "is_unique": &lt;boolean&gt;}' -H
           "Content-type: application/json" -H "X-Api-Key: {{
@@ -109,8 +110,9 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X PUT {{ request.base_url }}satsdice/api/v1/links/&lt;satsdice_id&gt; -d
-          '{"title": &lt;string&gt;, "min_satsdiceable": &lt;integer&gt;,
+          >curl -X PUT {{ request.base_url
+          }}satsdice/api/v1/links/&lt;satsdice_id&gt; -d '{"title":
+          &lt;string&gt;, "min_satsdiceable": &lt;integer&gt;,
           "max_satsdiceable": &lt;integer&gt;, "uses": &lt;integer&gt;,
           "wait_time": &lt;integer&gt;, "is_unique": &lt;boolean&gt;}' -H
           "Content-type: application/json" -H "X-Api-Key: {{
@@ -137,8 +139,9 @@
         <code></code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X DELETE {{ request.base_url }}satsdice/api/v1/links/&lt;satsdice_id&gt;
-          -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          >curl -X DELETE {{ request.base_url
+          }}satsdice/api/v1/links/&lt;satsdice_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -165,8 +168,8 @@
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
           >curl -X GET {{ request.base_url
-          }}satsdice/api/v1/links/&lt;the_hash&gt;/&lt;lnurl_id&gt; -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          }}satsdice/api/v1/links/&lt;the_hash&gt;/&lt;lnurl_id&gt; -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/satspay/templates/satspay/_api_docs.html b/lnbits/extensions/satspay/templates/satspay/_api_docs.html
index 89380de0..77451ae5 100644
--- a/lnbits/extensions/satspay/templates/satspay/_api_docs.html
+++ b/lnbits/extensions/satspay/templates/satspay/_api_docs.html
@@ -60,12 +60,13 @@
           <code>[&lt;charge_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X POST {{ request.base_url }}satspay/api/v1/charge/&lt;charge_id&gt;
-            -d '{"onchainwallet": &lt;string, watchonly_wallet_id&gt;,
-            "description": &lt;string&gt;, "webhook":&lt;string&gt;, "time":
-            &lt;integer&gt;, "amount": &lt;integer&gt;, "lnbitswallet":
-            &lt;string, lnbits_wallet_id&gt;}' -H "Content-type:
-            application/json" -H "X-Api-Key: {{user.wallets[0].adminkey }}"
+            >curl -X POST {{ request.base_url
+            }}satspay/api/v1/charge/&lt;charge_id&gt; -d '{"onchainwallet":
+            &lt;string, watchonly_wallet_id&gt;, "description": &lt;string&gt;,
+            "webhook":&lt;string&gt;, "time": &lt;integer&gt;, "amount":
+            &lt;integer&gt;, "lnbitswallet": &lt;string, lnbits_wallet_id&gt;}'
+            -H "Content-type: application/json" -H "X-Api-Key:
+            {{user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -89,8 +90,9 @@
           <code>[&lt;charge_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}satspay/api/v1/charge/&lt;charge_id&gt;
-            -H "X-Api-Key: {{ user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url
+            }}satspay/api/v1/charge/&lt;charge_id&gt; -H "X-Api-Key: {{
+            user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -112,8 +114,8 @@
           <code>[&lt;charge_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}satspay/api/v1/charges -H "X-Api-Key: {{
-            user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url }}satspay/api/v1/charges -H
+            "X-Api-Key: {{ user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -145,7 +147,8 @@
     </q-expansion-item>
     <q-expansion-item
       group="api"
-      dense expand-separator
+      dense
+      expand-separator
       label="Get balances"
       class="q-pb-md"
     >
diff --git a/lnbits/extensions/splitpayments/static/js/index.js b/lnbits/extensions/splitpayments/static/js/index.js
index dea469e5..d9750bef 100644
--- a/lnbits/extensions/splitpayments/static/js/index.js
+++ b/lnbits/extensions/splitpayments/static/js/index.js
@@ -119,7 +119,7 @@ new Vue({
           '/splitpayments/api/v1/targets',
           this.selectedWallet.adminkey,
           {
-            "targets": this.targets
+            targets: this.targets
               .filter(isTargetComplete)
               .map(({wallet, percent, alias}) => ({wallet, percent, alias}))
           }
diff --git a/lnbits/extensions/splitpayments/templates/splitpayments/_api_docs.html b/lnbits/extensions/splitpayments/templates/splitpayments/_api_docs.html
index 7a8a6d07..4cf7190c 100644
--- a/lnbits/extensions/splitpayments/templates/splitpayments/_api_docs.html
+++ b/lnbits/extensions/splitpayments/templates/splitpayments/_api_docs.html
@@ -52,8 +52,8 @@
         >
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}splitpayments/api/v1/targets -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}splitpayments/api/v1/targets -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/tipjar/templates/tipjar/_api_docs.html b/lnbits/extensions/tipjar/templates/tipjar/_api_docs.html
index 42788bad..95ba6e06 100644
--- a/lnbits/extensions/tipjar/templates/tipjar/_api_docs.html
+++ b/lnbits/extensions/tipjar/templates/tipjar/_api_docs.html
@@ -4,10 +4,9 @@
       Tip Jar: Receive tips with messages!
     </h4>
     <p>
-      Your personal Bitcoin tip page, which supports
-      lightning and on-chain payments.
-      Notifications, including a donation message,
-      can be sent via webhook.
+      Your personal Bitcoin tip page, which supports lightning and on-chain
+      payments. Notifications, including a donation message, can be sent via
+      webhook.
       <small>
         Created by, <a href="https://github.com/Fittiboy">Fitti</a></small
       >
diff --git a/lnbits/extensions/tipjar/templates/tipjar/index.html b/lnbits/extensions/tipjar/templates/tipjar/index.html
index dda49842..19fca6e4 100644
--- a/lnbits/extensions/tipjar/templates/tipjar/index.html
+++ b/lnbits/extensions/tipjar/templates/tipjar/index.html
@@ -322,11 +322,7 @@
         var self = this
 
         LNbits.api
-          .request(
-            'GET',
-            '/tipjar/api/v1/tips',
-            this.g.user.wallets[0].inkey
-          )
+          .request('GET', '/tipjar/api/v1/tips', this.g.user.wallets[0].inkey)
           .then(function (response) {
             self.tips = response.data.map(function (obj) {
               return mapTipJar(obj)
diff --git a/lnbits/extensions/tpos/templates/tpos/_api_docs.html b/lnbits/extensions/tpos/templates/tpos/_api_docs.html
index 42160cce..8930d990 100644
--- a/lnbits/extensions/tpos/templates/tpos/_api_docs.html
+++ b/lnbits/extensions/tpos/templates/tpos/_api_docs.html
@@ -69,8 +69,8 @@
         <code></code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X DELETE {{ request.base_url }}tpos/api/v1/tposs/&lt;tpos_id&gt; -H
-          "X-Api-Key: &lt;admin_key&gt;"
+          >curl -X DELETE {{ request.base_url
+          }}tpos/api/v1/tposs/&lt;tpos_id&gt; -H "X-Api-Key: &lt;admin_key&gt;"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/tpos/templates/tpos/index.html b/lnbits/extensions/tpos/templates/tpos/index.html
index af3b0573..76f33000 100644
--- a/lnbits/extensions/tpos/templates/tpos/index.html
+++ b/lnbits/extensions/tpos/templates/tpos/index.html
@@ -54,7 +54,8 @@
                 ></q-btn>
               </q-td>
               <q-td v-for="col in props.cols" :key="col.name" :props="props">
-                {{ (col.name == 'tip_options' ? JSON.parse(col.value).join(", ") : col.value) }}
+                {{ (col.name == 'tip_options' ? JSON.parse(col.value).join(", ")
+                : col.value) }}
               </q-td>
               <q-td auto-width>
                 <q-btn
@@ -360,15 +361,15 @@
             {
               name: 'tip_wallet',
               align: 'left',
-              label: "Tip Wallet",
-              field: "tip_wallet",
+              label: 'Tip Wallet',
+              field: 'tip_wallet'
             },
             {
               name: 'tip_options',
               align: 'left',
-              label: "Tip Options %",
-              field: "tip_options",
-            },
+              label: 'Tip Options %',
+              field: 'tip_options'
+            }
           ],
           pagination: {
             rowsPerPage: 10
@@ -403,8 +404,12 @@
         var data = {
           name: this.formDialog.data.name,
           currency: this.formDialog.data.currency,
-          tip_options: (this.formDialog.data.tip_options ? JSON.stringify(this.formDialog.data.tip_options.map(str => parseInt(str))) : JSON.stringify([])),
-          tip_wallet: this.formDialog.data.tip_wallet || "",
+          tip_options: this.formDialog.data.tip_options
+            ? JSON.stringify(
+                this.formDialog.data.tip_options.map(str => parseInt(str))
+              )
+            : JSON.stringify([]),
+          tip_wallet: this.formDialog.data.tip_wallet || ''
         }
         var self = this
 
diff --git a/lnbits/extensions/watchonly/templates/watchonly/_api_docs.html b/lnbits/extensions/watchonly/templates/watchonly/_api_docs.html
index bff66383..b421186a 100644
--- a/lnbits/extensions/watchonly/templates/watchonly/_api_docs.html
+++ b/lnbits/extensions/watchonly/templates/watchonly/_api_docs.html
@@ -37,8 +37,8 @@
           <code>[&lt;wallets_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}watchonly/api/v1/wallet -H "X-Api-Key: {{
-            user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url }}watchonly/api/v1/wallet -H
+            "X-Api-Key: {{ user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -66,8 +66,9 @@
           <code>[&lt;wallet_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}watchonly/api/v1/wallet/&lt;wallet_id&gt;
-            -H "X-Api-Key: {{ user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url
+            }}watchonly/api/v1/wallet/&lt;wallet_id&gt; -H "X-Api-Key: {{
+            user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -89,9 +90,10 @@
           <code>[&lt;wallet_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X POST {{ request.base_url }}watchonly/api/v1/wallet -d '{"title":
-            &lt;string&gt;, "masterpub": &lt;string&gt;}' -H "Content-type:
-            application/json" -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
+            >curl -X POST {{ request.base_url }}watchonly/api/v1/wallet -d
+            '{"title": &lt;string&gt;, "masterpub": &lt;string&gt;}' -H
+            "Content-type: application/json" -H "X-Api-Key: {{
+            user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -173,8 +175,9 @@
           <code>[&lt;address_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}watchonly/api/v1/address/&lt;wallet_id&gt;
-            -H "X-Api-Key: {{ user.wallets[0].inkey }}"
+            >curl -X GET {{ request.base_url
+            }}watchonly/api/v1/address/&lt;wallet_id&gt; -H "X-Api-Key: {{
+            user.wallets[0].inkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -202,8 +205,8 @@
           <code>[&lt;mempool_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X GET {{ request.base_url }}watchonly/api/v1/mempool -H "X-Api-Key: {{
-            user.wallets[0].adminkey }}"
+            >curl -X GET {{ request.base_url }}watchonly/api/v1/mempool -H
+            "X-Api-Key: {{ user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
@@ -233,9 +236,9 @@
           <code>[&lt;mempool_object&gt;, ...]</code>
           <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
           <code
-            >curl -X PUT {{ request.base_url }}watchonly/api/v1/mempool -d '{"endpoint":
-            &lt;string&gt;}' -H "Content-type: application/json" -H "X-Api-Key:
-            {{ user.wallets[0].adminkey }}"
+            >curl -X PUT {{ request.base_url }}watchonly/api/v1/mempool -d
+            '{"endpoint": &lt;string&gt;}' -H "Content-type: application/json"
+            -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
           </code>
         </q-card-section>
       </q-card>
diff --git a/lnbits/extensions/withdraw/templates/withdraw/_api_docs.html b/lnbits/extensions/withdraw/templates/withdraw/_api_docs.html
index 76068fcb..095aad3a 100644
--- a/lnbits/extensions/withdraw/templates/withdraw/_api_docs.html
+++ b/lnbits/extensions/withdraw/templates/withdraw/_api_docs.html
@@ -22,8 +22,8 @@
         <code>[&lt;withdraw_link_object&gt;, ...]</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}withdraw/api/v1/links -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url }}withdraw/api/v1/links -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -49,8 +49,9 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X GET {{ request.base_url }}withdraw/api/v1/links/&lt;withdraw_id&gt; -H
-          "X-Api-Key: {{ user.wallets[0].inkey }}"
+          >curl -X GET {{ request.base_url
+          }}withdraw/api/v1/links/&lt;withdraw_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -79,12 +80,12 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X POST {{ request.base_url }}withdraw/api/v1/links -d '{"title":
-          &lt;string&gt;, "min_withdrawable": &lt;integer&gt;,
+          >curl -X POST {{ request.base_url }}withdraw/api/v1/links -d
+          '{"title": &lt;string&gt;, "min_withdrawable": &lt;integer&gt;,
           "max_withdrawable": &lt;integer&gt;, "uses": &lt;integer&gt;,
-          "wait_time": &lt;integer&gt;, "is_unique": &lt;boolean&gt;, "webhook_url": &lt;string&gt;}' -H
-          "Content-type: application/json" -H "X-Api-Key: {{
-          user.wallets[0].adminkey }}"
+          "wait_time": &lt;integer&gt;, "is_unique": &lt;boolean&gt;,
+          "webhook_url": &lt;string&gt;}' -H "Content-type: application/json" -H
+          "X-Api-Key: {{ user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -115,8 +116,9 @@
         <code>{"lnurl": &lt;string&gt;}</code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X PUT {{ request.base_url }}withdraw/api/v1/links/&lt;withdraw_id&gt; -d
-          '{"title": &lt;string&gt;, "min_withdrawable": &lt;integer&gt;,
+          >curl -X PUT {{ request.base_url
+          }}withdraw/api/v1/links/&lt;withdraw_id&gt; -d '{"title":
+          &lt;string&gt;, "min_withdrawable": &lt;integer&gt;,
           "max_withdrawable": &lt;integer&gt;, "uses": &lt;integer&gt;,
           "wait_time": &lt;integer&gt;, "is_unique": &lt;boolean&gt;}' -H
           "Content-type: application/json" -H "X-Api-Key: {{
@@ -143,8 +145,9 @@
         <code></code>
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
-          >curl -X DELETE {{ request.base_url }}withdraw/api/v1/links/&lt;withdraw_id&gt;
-          -H "X-Api-Key: {{ user.wallets[0].adminkey }}"
+          >curl -X DELETE {{ request.base_url
+          }}withdraw/api/v1/links/&lt;withdraw_id&gt; -H "X-Api-Key: {{
+          user.wallets[0].adminkey }}"
         </code>
       </q-card-section>
     </q-card>
@@ -171,8 +174,8 @@
         <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
         <code
           >curl -X GET {{ request.base_url
-          }}withdraw/api/v1/links/&lt;the_hash&gt;/&lt;lnurl_id&gt; -H "X-Api-Key: {{
-          user.wallets[0].inkey }}"
+          }}withdraw/api/v1/links/&lt;the_hash&gt;/&lt;lnurl_id&gt; -H
+          "X-Api-Key: {{ user.wallets[0].inkey }}"
         </code>
       </q-card-section>
     </q-card>
diff --git a/lnbits/extensions/withdraw/templates/withdraw/csv.html b/lnbits/extensions/withdraw/templates/withdraw/csv.html
index d8f8c4d0..62902905 100644
--- a/lnbits/extensions/withdraw/templates/withdraw/csv.html
+++ b/lnbits/extensions/withdraw/templates/withdraw/csv.html
@@ -1,10 +1,12 @@
-{% extends "print.html" %} {% block page %} {% for page in link %} {% for threes in page %} {% for one in threes %} {{one}}, {% endfor %} {% endfor %} {% endfor %} {% endblock %} {% block scripts %}
+{% extends "print.html" %} {% block page %} {% for page in link %} {% for threes
+in page %} {% for one in threes %} {{one}}, {% endfor %} {% endfor %} {% endfor
+%} {% endblock %} {% block scripts %}
 <script>
-    new Vue({
-        el: '#vue',
-        data: function() {
-            return {}
-        }
-    })
+  new Vue({
+    el: '#vue',
+    data: function () {
+      return {}
+    }
+  })
 </script>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/lnbits/extensions/withdraw/templates/withdraw/index.html b/lnbits/extensions/withdraw/templates/withdraw/index.html
index f6ea220d..6d3ab374 100644
--- a/lnbits/extensions/withdraw/templates/withdraw/index.html
+++ b/lnbits/extensions/withdraw/templates/withdraw/index.html
@@ -1,28 +1,40 @@
-{% extends "base.html" %} {% from "macros.jinja" import window_vars with context %} {% block scripts %} {{ window_vars(user) }}
+{% extends "base.html" %} {% from "macros.jinja" import window_vars with context
+%} {% block scripts %} {{ window_vars(user) }}
 <script src="/withdraw/static/js/index.js"></script>
 {% endblock %} {% block page %}
 <div class="row q-col-gutter-md">
-    <div class="col-12 col-md-7 q-gutter-y-md">
-        <q-card>
-            <q-card-section>
-                <q-btn unelevated color="primary" @click="simpleformDialog.show = true">Quick vouchers</q-btn>
-                <q-btn unelevated color="primary" @click="formDialog.show = true">Advanced withdraw link(s)</q-btn>
-            </q-card-section>
-        </q-card>
+  <div class="col-12 col-md-7 q-gutter-y-md">
+    <q-card>
+      <q-card-section>
+        <q-btn unelevated color="primary" @click="simpleformDialog.show = true"
+          >Quick vouchers</q-btn
+        >
+        <q-btn unelevated color="primary" @click="formDialog.show = true"
+          >Advanced withdraw link(s)</q-btn
+        >
+      </q-card-section>
+    </q-card>
 
-        <q-card>
-            <q-card-section>
-                <div class="row items-center no-wrap q-mb-md">
-                    <div class="col">
-                        <h5 class="text-subtitle1 q-my-none">Withdraw links</h5>
-                    </div>
-                    <div class="col-auto">
-                        <q-btn flat color="grey" @click="exportCSV">Export to CSV</q-btn>
-                    </div>
-                </div>
-                <q-table dense flat :data="sortedWithdrawLinks" row-key="id" :columns="withdrawLinksTable.columns" :pagination.sync="withdrawLinksTable.pagination">
-                    {% raw %}
-                    <template v-slot:header="props">
+    <q-card>
+      <q-card-section>
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col">
+            <h5 class="text-subtitle1 q-my-none">Withdraw links</h5>
+          </div>
+          <div class="col-auto">
+            <q-btn flat color="grey" @click="exportCSV">Export to CSV</q-btn>
+          </div>
+        </div>
+        <q-table
+          dense
+          flat
+          :data="sortedWithdrawLinks"
+          row-key="id"
+          :columns="withdrawLinksTable.columns"
+          :pagination.sync="withdrawLinksTable.pagination"
+        >
+          {% raw %}
+          <template v-slot:header="props">
             <q-tr :props="props">
               <q-th auto-width></q-th>
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -32,7 +44,7 @@
               <q-th auto-width></q-th>
             </q-tr>
           </template>
-                    <template v-slot:body="props">
+          <template v-slot:body="props">
             <q-tr :props="props">
               <q-td auto-width>
                 <q-btn
@@ -106,72 +118,137 @@
                 ></q-btn>
               </q-td>
             </q-tr>
-          </template> {% endraw %}
-                </q-table>
-            </q-card-section>
-        </q-card>
-    </div>
+          </template>
+          {% endraw %}
+        </q-table>
+      </q-card-section>
+    </q-card>
+  </div>
 
-    <div class="col-12 col-md-5 q-gutter-y-md">
-        <q-card>
-            <q-card-section>
-                <h6 class="text-subtitle1 q-my-none">
-                    {{SITE_TITLE}} LNURL-withdraw extension
-                </h6>
-            </q-card-section>
-            <q-card-section class="q-pa-none">
-                <q-separator></q-separator>
-                <q-list>
-                    {% include "withdraw/_api_docs.html" %}
-                    <q-separator></q-separator>
-                    {% include "withdraw/_lnurl.html" %}
-                </q-list>
-            </q-card-section>
-        </q-card>
-    </div>
+  <div class="col-12 col-md-5 q-gutter-y-md">
+    <q-card>
+      <q-card-section>
+        <h6 class="text-subtitle1 q-my-none">
+          {{SITE_TITLE}} LNURL-withdraw extension
+        </h6>
+      </q-card-section>
+      <q-card-section class="q-pa-none">
+        <q-separator></q-separator>
+        <q-list>
+          {% include "withdraw/_api_docs.html" %}
+          <q-separator></q-separator>
+          {% include "withdraw/_lnurl.html" %}
+        </q-list>
+      </q-card-section>
+    </q-card>
+  </div>
 
-    <q-dialog v-model="formDialog.show" position="top" @hide="closeFormDialog">
-        <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
-            <q-form @submit="sendFormData" class="q-gutter-md">
-                <q-select filled dense emit-value v-model="formDialog.data.wallet" :options="g.user.walletOptions" label="Wallet *">
-                </q-select>
-                <q-input filled dense v-model.trim="formDialog.data.title" type="text" label="Link title *"></q-input>
-                <q-input filled dense v-model.number="formDialog.data.min_withdrawable" type="number" min="10" label="Min withdrawable (sat, at least 10) *"></q-input>
-                <q-input filled dense v-model.number="formDialog.data.max_withdrawable" type="number" min="10" label="Max withdrawable (sat, at least 10) *"></q-input>
-                <q-input filled dense v-model.number="formDialog.data.uses" type="number" max="250"  :default="1" label="Amount of uses *"></q-input>
-                <div class="row q-col-gutter-none">
-                    <div class="col-8">
-                        <q-input filled dense v-model.number="formDialog.data.wait_time" type="number" :default="1" label="Time between withdrawals *">
-                        </q-input>
-                    </div>
-                    <div class="col-4 q-pl-xs">
-                        <q-select filled dense v-model="formDialog.secondMultiplier" :options="formDialog.secondMultiplierOptions">
-                        </q-select>
-                    </div>
-                </div>
-                <q-input
-                  filled
-                  dense
-                  v-model="formDialog.data.webhook_url"
-                  type="text"
-                  label="Webhook URL (optional)"
-                  hint="A URL to be called whenever this link gets used."
-                ></q-input>
-                <q-list>
-                    <q-item tag="label" class="rounded-borders">
-                        <q-item-section avatar>
-                            <q-checkbox v-model="formDialog.data.is_unique" color="primary"></q-checkbox>
-                        </q-item-section>
-                        <q-item-section>
-                            <q-item-label>Use unique withdraw QR codes to reduce `assmilking`
-                            </q-item-label>
-                            <q-item-label caption>This is recommended if you are sharing the links on social media or print QR codes.</q-item-label>
-                        </q-item-section>
-                    </q-item>
-                </q-list>
-                <div class="row q-mt-lg">
-                    <q-btn v-if="formDialog.data.id" unelevated color="primary" type="submit">Update withdraw link</q-btn>
-                    <q-btn v-else unelevated color="primary" :disable="
+  <q-dialog v-model="formDialog.show" position="top" @hide="closeFormDialog">
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-form @submit="sendFormData" class="q-gutter-md">
+        <q-select
+          filled
+          dense
+          emit-value
+          v-model="formDialog.data.wallet"
+          :options="g.user.walletOptions"
+          label="Wallet *"
+        >
+        </q-select>
+        <q-input
+          filled
+          dense
+          v-model.trim="formDialog.data.title"
+          type="text"
+          label="Link title *"
+        ></q-input>
+        <q-input
+          filled
+          dense
+          v-model.number="formDialog.data.min_withdrawable"
+          type="number"
+          min="10"
+          label="Min withdrawable (sat, at least 10) *"
+        ></q-input>
+        <q-input
+          filled
+          dense
+          v-model.number="formDialog.data.max_withdrawable"
+          type="number"
+          min="10"
+          label="Max withdrawable (sat, at least 10) *"
+        ></q-input>
+        <q-input
+          filled
+          dense
+          v-model.number="formDialog.data.uses"
+          type="number"
+          max="250"
+          :default="1"
+          label="Amount of uses *"
+        ></q-input>
+        <div class="row q-col-gutter-none">
+          <div class="col-8">
+            <q-input
+              filled
+              dense
+              v-model.number="formDialog.data.wait_time"
+              type="number"
+              :default="1"
+              label="Time between withdrawals *"
+            >
+            </q-input>
+          </div>
+          <div class="col-4 q-pl-xs">
+            <q-select
+              filled
+              dense
+              v-model="formDialog.secondMultiplier"
+              :options="formDialog.secondMultiplierOptions"
+            >
+            </q-select>
+          </div>
+        </div>
+        <q-input
+          filled
+          dense
+          v-model="formDialog.data.webhook_url"
+          type="text"
+          label="Webhook URL (optional)"
+          hint="A URL to be called whenever this link gets used."
+        ></q-input>
+        <q-list>
+          <q-item tag="label" class="rounded-borders">
+            <q-item-section avatar>
+              <q-checkbox
+                v-model="formDialog.data.is_unique"
+                color="primary"
+              ></q-checkbox>
+            </q-item-section>
+            <q-item-section>
+              <q-item-label
+                >Use unique withdraw QR codes to reduce `assmilking`
+              </q-item-label>
+              <q-item-label caption
+                >This is recommended if you are sharing the links on social
+                media or print QR codes.</q-item-label
+              >
+            </q-item-section>
+          </q-item>
+        </q-list>
+        <div class="row q-mt-lg">
+          <q-btn
+            v-if="formDialog.data.id"
+            unelevated
+            color="primary"
+            type="submit"
+            >Update withdraw link</q-btn
+          >
+          <q-btn
+            v-else
+            unelevated
+            color="primary"
+            :disable="
                 formDialog.data.wallet == null ||
                 formDialog.data.title == null ||
                 (formDialog.data.min_withdrawable == null || formDialog.data.min_withdrawable < 1) ||
@@ -181,43 +258,89 @@
                   formDialog.data.max_withdrawable < formDialog.data.min_withdrawable
                 ) ||
                 formDialog.data.uses == null ||
-                formDialog.data.wait_time == null" type="submit">Create withdraw link</q-btn>
-                    <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
-                </div>
-            </q-form>
-        </q-card>
-    </q-dialog>
+                formDialog.data.wait_time == null"
+            type="submit"
+            >Create withdraw link</q-btn
+          >
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
+        </div>
+      </q-form>
+    </q-card>
+  </q-dialog>
 
-    <q-dialog v-model="simpleformDialog.show" position="top" @hide="simplecloseFormDialog">
-        <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
-            <q-form @submit="simplesendFormData" class="q-gutter-md">
-                <q-select filled dense emit-value v-model="simpleformDialog.data.wallet" :options="g.user.walletOptions" label="Wallet *">
-                </q-select>
-                <q-input filled dense v-model.number="simpleformDialog.data.max_withdrawable" type="number" min="10" label="Withdraw amount per voucher (sat, at least 10)"></q-input>
-                <q-input filled dense v-model.number="simpleformDialog.data.uses" type="number" max="250" :default="1" label="Number of vouchers"></q-input>
+  <q-dialog
+    v-model="simpleformDialog.show"
+    position="top"
+    @hide="simplecloseFormDialog"
+  >
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-form @submit="simplesendFormData" class="q-gutter-md">
+        <q-select
+          filled
+          dense
+          emit-value
+          v-model="simpleformDialog.data.wallet"
+          :options="g.user.walletOptions"
+          label="Wallet *"
+        >
+        </q-select>
+        <q-input
+          filled
+          dense
+          v-model.number="simpleformDialog.data.max_withdrawable"
+          type="number"
+          min="10"
+          label="Withdraw amount per voucher (sat, at least 10)"
+        ></q-input>
+        <q-input
+          filled
+          dense
+          v-model.number="simpleformDialog.data.uses"
+          type="number"
+          max="250"
+          :default="1"
+          label="Number of vouchers"
+        ></q-input>
 
-                <div class="row q-mt-lg">
-                    <q-btn unelevated color="primary" :disable="
+        <div class="row q-mt-lg">
+          <q-btn
+            unelevated
+            color="primary"
+            :disable="
                 simpleformDialog.data.wallet == null ||
 
                   simpleformDialog.data.max_withdrawable == null ||
                   simpleformDialog.data.max_withdrawable < 1 ||
-                simpleformDialog.data.uses == null" type="submit">Create vouchers</q-btn>
-                    <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
-                </div>
-            </q-form>
-        </q-card>
-    </q-dialog>
+                simpleformDialog.data.uses == null"
+            type="submit"
+            >Create vouchers</q-btn
+          >
+          <q-btn v-close-popup flat color="grey" class="q-ml-auto"
+            >Cancel</q-btn
+          >
+        </div>
+      </q-form>
+    </q-card>
+  </q-dialog>
 
-    <q-dialog v-model="qrCodeDialog.show" position="top">
-        <q-card v-if="qrCodeDialog.data" class="q-pa-lg lnbits__dialog-card">
-            <q-responsive :ratio="1" class="q-mx-xl q-mb-md">
-                <qrcode :value="qrCodeDialog.data.url + '/?lightning=' + qrCodeDialog.data.lnurl" :options="{width: 800}" class="rounded-borders"></qrcode>
-                {% raw %}
-            </q-responsive>
-            <p style="word-break: break-all">
-                <strong>ID:</strong> {{ qrCodeDialog.data.id }}<br />
-                <strong>Unique:</strong> {{ qrCodeDialog.data.is_unique }}<span v-if="qrCodeDialog.data.is_unique" class="text-deep-purple">
+  <q-dialog v-model="qrCodeDialog.show" position="top">
+    <q-card v-if="qrCodeDialog.data" class="q-pa-lg lnbits__dialog-card">
+      <q-responsive :ratio="1" class="q-mx-xl q-mb-md">
+        <qrcode
+          :value="qrCodeDialog.data.url + '/?lightning=' + qrCodeDialog.data.lnurl"
+          :options="{width: 800}"
+          class="rounded-borders"
+        ></qrcode>
+        {% raw %}
+      </q-responsive>
+      <p style="word-break: break-all">
+        <strong>ID:</strong> {{ qrCodeDialog.data.id }}<br />
+        <strong>Unique:</strong> {{ qrCodeDialog.data.is_unique }}<span
+          v-if="qrCodeDialog.data.is_unique"
+          class="text-deep-purple"
+        >
           (QR code will change after each withdrawal)</span
         ><br />
         <strong>Max. withdrawable:</strong> {{
@@ -259,4 +382,4 @@
     </q-card>
   </q-dialog>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/lnbits/extensions/withdraw/views_api.py b/lnbits/extensions/withdraw/views_api.py
index 027b2925..800fecce 100644
--- a/lnbits/extensions/withdraw/views_api.py
+++ b/lnbits/extensions/withdraw/views_api.py
@@ -60,7 +60,7 @@ async def api_link_retrieve(
         raise HTTPException(
             detail="Not your withdraw link.", status_code=HTTPStatus.FORBIDDEN
         )
-    return {**link, **{"lnurl": link.lnurl(request)}}
+    return {**link.dict(), **{"lnurl": link.lnurl(request)}}
 
 
 @withdraw_ext.post("/api/v1/links", status_code=HTTPStatus.CREATED)
diff --git a/lnbits/static/js/base.js b/lnbits/static/js/base.js
index de70b288..48496b3c 100644
--- a/lnbits/static/js/base.js
+++ b/lnbits/static/js/base.js
@@ -346,11 +346,12 @@ window.windowMixin = {
     }
   },
   created: function () {
-    
-    if(this.$q.localStorage.getItem('lnbits.darkMode') == true || this.$q.localStorage.getItem('lnbits.darkMode') == false){
+    if (
+      this.$q.localStorage.getItem('lnbits.darkMode') == true ||
+      this.$q.localStorage.getItem('lnbits.darkMode') == false
+    ) {
       this.$q.dark.set(this.$q.localStorage.getItem('lnbits.darkMode'))
-    }
-    else{
+    } else {
       this.$q.dark.set(true)
     }
     this.g.allowedThemes = window.allowedThemes ?? ['bitcoin']
@@ -364,7 +365,7 @@ window.windowMixin = {
     })
 
     // failsafe if admin changes themes halfway
-    if (!this.$q.localStorage.getItem('lnbits.theme')){
+    if (!this.$q.localStorage.getItem('lnbits.theme')) {
       this.changeColor(this.g.allowedThemes[0])
     }
     if (
diff --git a/lnbits/templates/error.html b/lnbits/templates/error.html
index 43a9ad8a..0205e003 100644
--- a/lnbits/templates/error.html
+++ b/lnbits/templates/error.html
@@ -13,7 +13,10 @@
           ></q-icon>
 
           <h5 class="q-my-none">{{ err }}</h5>
-          <h4>If you believe this shouldn't be an error please bring it up on https://t.me/lnbits</h4>
+          <h4>
+            If you believe this shouldn't be an error please bring it up on
+            https://t.me/lnbits
+          </h4>
           <br />
         </center>
       </q-card-section>
@@ -33,4 +36,4 @@
   </script>
 
   {% endblock %}
-</div>
\ No newline at end of file
+</div>