diff --git a/vue/src/App.vue b/vue/src/App.vue
index 8e421ac..aa1b02d 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -5,6 +5,14 @@
   </div>
 </template>
 
+<script setup>
+import { useSession } from './stores/session'
+const session = useSession()
+session.init()
+</script>
+
+<!-- eslint-disable -->
+<!-- eslint wants to combine this <script> and <script setup> which breaks the code ... -->
 <script>
 import NavBar from './components/NavBar'
 export default {
@@ -13,12 +21,6 @@ export default {
 }
 </script>
 
-<script setup>
-import { useSession } from './stores/session';
-const session = useSession()
-session.init()
-</script>
-
 <style>
 html,
 body {
diff --git a/vue/src/components/HomeView.vue b/vue/src/components/HomeView.vue
index 5f44cc2..7ad9a44 100644
--- a/vue/src/components/HomeView.vue
+++ b/vue/src/components/HomeView.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>home</div>
+  <div>home</div>
 </template>
 
-<script></script>
\ No newline at end of file
+<script></script>
diff --git a/vue/src/components/LoginQRCode.vue b/vue/src/components/LoginQRCode.vue
index f48bb37..a6e525e 100644
--- a/vue/src/components/LoginQRCode.vue
+++ b/vue/src/components/LoginQRCode.vue
@@ -1,25 +1,25 @@
 <template>
-    <a v-if="lnurl" :href="'lightning:' + lnurl">
-        <img v-if="qr" :src="'data:image/png;base64,' + qr" />
-    </a>
+  <a v-if="lnurl" :href="'lightning:' + lnurl">
+    <img v-if="qr" :src="'data:image/png;base64,' + qr" />
+  </a>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { useSession } from '@/stores/session';
+import { ref } from 'vue'
+import { useSession } from '@/stores/session'
 
 let qr = ref(null)
 let lnurl = ref(null)
 
 const session = useSession()
 await (async () => {
-    try {
-        if (session.isAuthenticated) return
-        const s = await session.login()
-        qr = s.qr
-        lnurl = s.lnurl
-    } catch (err) {
-        console.error("error:", err.reason || err)
-    }
+  try {
+    if (session.isAuthenticated) return
+    const s = await session.login()
+    qr = s.qr
+    lnurl = s.lnurl
+  } catch (err) {
+    console.error('error:', err.reason || err)
+  }
 })()
-</script>
\ No newline at end of file
+</script>
diff --git a/vue/src/components/LoginView.vue b/vue/src/components/LoginView.vue
index 39c4813..265e4d0 100644
--- a/vue/src/components/LoginView.vue
+++ b/vue/src/components/LoginView.vue
@@ -1,25 +1,25 @@
 <template>
-    <!-- eslint-disable -->
-    <pre>
+  <!-- eslint-disable -->
+  <pre>
  _             _       
 | | ___   __ _(_)_ __  
 | |/ _ \ / _` | | '_ \ 
 | | (_) | (_| | | | | |
 |_|\___/ \__, |_|_| |_|
          |___/         </pre>
-    <!-- eslint-enable -->
-    <Suspense>
-        <LoginQRCode class="flex justify-center m-3" />
-    </Suspense>
+  <!-- eslint-enable -->
+  <Suspense>
+    <LoginQRCode class="flex justify-center m-3" />
+  </Suspense>
 </template>
 
 <script setup>
-import LoginQRCode from './LoginQRCode.vue';
+import LoginQRCode from './LoginQRCode.vue'
 </script>
 
 <style scoped>
 pre {
-    font-family: monospace;
-    font-weight: bold;
+  font-family: monospace;
+  font-weight: bold;
 }
 </style>
diff --git a/vue/src/components/NavBar.vue b/vue/src/components/NavBar.vue
index e6473ae..735cdc4 100644
--- a/vue/src/components/NavBar.vue
+++ b/vue/src/components/NavBar.vue
@@ -1,11 +1,11 @@
 <template>
-    <header class="flex flex-row text-center justify-center pt-1">
-        <nav>
-            <router-link to="/">home</router-link>
-            <router-link to="/user" v-if="session.isAuthenticated">user</router-link>
-            <router-link to="/login" v-else href="/login">login</router-link>
-        </nav>
-    </header>
+  <header class="flex flex-row text-center justify-center pt-1">
+    <nav>
+      <router-link to="/">home</router-link>
+      <router-link to="/user" v-if="session.isAuthenticated">user</router-link>
+      <router-link to="/login" v-else href="/login">login</router-link>
+    </nav>
+  </header>
 </template>
 
 <script setup>
@@ -15,26 +15,26 @@ const session = useSession()
 
 <style scoped>
 nav {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
 a {
-    color: #8787a4;
-    text-decoration: underline;
+  color: #8787a4;
+  text-decoration: underline;
 }
 
 a:hover {
-    color: #ffffff;
-    background: #8787A4;
+  color: #ffffff;
+  background: #8787A4;
 }
 
 a.selected {
-    color: #ffffff;
-    background: #8787A4;
+  color: #ffffff;
+  background: #8787A4;
 }
 
 nav>a {
-    margin: 0 3px;
+  margin: 0 3px;
 }
 </style>