From 898348a6867428a7f0214a7b43cb5fa0af0ab98b Mon Sep 17 00:00:00 2001
From: itsrubberduck <frappes_remoter.2e@icloud.com>
Date: Sat, 20 Sep 2025 23:44:31 +0200
Subject: [PATCH] choose login image on pageload

---
 app/pages/login.vue  | 4 +++-
 app/pages/logout.vue | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/pages/login.vue b/app/pages/login.vue
index cfa657f..7d8b52f 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -16,7 +16,7 @@
         class="mx-auto flex h-full w-full max-w-6xl flex-1 flex-col overflow-hidden px-5 py-8 sm:px-8 lg:flex-row lg:items-stretch lg:py-12 lg:pl-0 min-h-0">
       <div
           class="relative hidden h-full min-h-0 overflow-hidden rounded-3xl border border-white/10 bg-white/5 shadow-2xl lg:flex lg:w-[48%]">
-        <img :src="'/img/login/img' + (Math.ceil(Math.random() * 3)) + '.jpeg'" alt="Guiding lights on a runway"
+        <img :src="img" alt="Guiding lights on a runway"
              class="absolute inset-0 h-full w-full object-cover"/>
         <div class="absolute inset-0 bg-gradient-to-t from-[#050816]/95 via-[#050816]/40 to-transparent"/>
         <div class="relative z-10 flex h-full flex-col justify-between p-10">
@@ -365,6 +365,8 @@ async function submitLogin() {
   }
 }
 
+const img = '/img/login/img' + (Math.ceil(Math.random() * 3)) + '.jpeg'
+
 async function checkInvitationCode() {
   if (!registerForm.invitationCode) {
     invitationStatus.value = 'unknown'
diff --git a/app/pages/logout.vue b/app/pages/logout.vue
index 5692322..d8b77fd 100644
--- a/app/pages/logout.vue
+++ b/app/pages/logout.vue
@@ -5,7 +5,7 @@
         <p class="text-xs uppercase tracking-[0.3em] text-cyan-300/80">OpenSquawk</p>
         <h1 class="text-3xl font-semibold">Du wirst abgemeldet…</h1>
         <p class="text-sm text-white/70">
-          Wir melden dich vom Alpha-Dienst ab und leiten dich gleich weiter.
+          Wir melden dich ab und leiten dich gleich weiter.
         </p>
       </div>
       <v-progress-circular indeterminate size="40" width="3" color="cyan" />
@@ -17,7 +17,6 @@
 <script setup lang="ts">
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { useHead } from '#imports'
 import { useAuthStore } from '~/stores/auth'
 
 const router = useRouter()