Add figlet headers

* update CSS
* move login label between figlet and LNURL-auth text

vue/src/components/HomeView.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>home</div>
-</template>
-
-<script></script>

vue/src/components/LoginQRCode.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="flex flex-col">
-    <div class="font-mono my-3">
-      LNURL-auth
-    </div>
     <router-link v-if="success" to="/" class="label success font-mono">
         <div>Authenticated</div>
         <small>Redirecting in {{ redirectTimeout }} ...</small>
     </router-link>
+    <div class="font-mono my-3">
+      LNURL-auth
+    </div>
     <div v-if="error" class="label error font-mono">
       <div>Authentication error</div>
       <small>{{ error  }}</small>

vue/src/components/LoginView.vue

@@ -1,12 +1,14 @@
 <template>
   <!-- eslint-disable -->
-  <pre>
+  <div class="my-3">
+    <pre>
  _             _       
 | | ___   __ _(_)_ __  
 | |/ _ \ / _` | | '_ \ 
 | | (_) | (_| | | | | |
 |_|\___/ \__, |_|_| |_|
          |___/         </pre>
+  </div>
   <!-- eslint-enable -->
   <Suspense>
     <LoginQRCode class="flex justify-center m-3" />
@@ -16,10 +18,3 @@
 <script setup>
 import LoginQRCode from './LoginQRCode.vue'
 </script>
-
-<style scoped>
-pre {
-  font-family: monospace;
-  font-weight: bold;
-}
-</style>

vue/src/components/MarketView.vue

@@ -0,0 +1,16 @@
+<template>
+    <!-- eslint-disable -->
+    <div class="my-3">
+      <pre>
+     _      _       _     _ 
+  __| | ___| |_ __ | |__ (_)
+ / _` |/ _ \ | '_ \| '_ \| |
+| (_| |  __/ | |_) | | | | |
+ \__,_|\___|_| .__/|_| |_|_|
+             |_|.market     </pre>
+
+  </div>
+  <!-- eslint-enable -->
+</template>
+
+<script></script>

vue/src/components/NavBar.vue

@@ -1,7 +1,7 @@
 <template>
   <header class="flex flex-row text-center justify-center pt-1">
     <nav>
-      <router-link to="/">home</router-link>
+      <router-link to="/">market</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>

vue/src/components/UserView.vue

@@ -1,4 +1,13 @@
 <template>
+  <!-- eslint-disable -->
+  <div class="my-3">
+    <pre>
+ _   _ ___  ___ _ __ 
+| | | / __|/ _ \ '__|
+| |_| \__ \  __/ |   
+ \__,_|___/\___|_|   </pre>
+  </div>
+  <!-- eslint-enable -->
   <div v-if="session.pubkey">
     <div>authenticated as {{  session.pubkey.slice(0,8) }}</div>
     <button class="my-3" @click="logout">logout</button>

vue/src/main.js

@@ -5,13 +5,13 @@ import App from './App.vue'
 import './registerServiceWorker'
 import './index.css'
 
-import HomeView from '@/components/HomeView'
+import MarketView from '@/components/MarketView'
 import LoginView from '@/components/LoginView'
 import UserView from '@/components/UserView'
 
 const routes = [
   {
-    path: '/', component: HomeView
+    path: '/', component: MarketView
   },
   {
     path: '/login', component: LoginView