From 59c9acdc9e8d14d10d27cba35f6aef2a515e6db0 Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Thu, 29 May 2025 02:36:44 +0200
Subject: [PATCH] feat: remove loading on this page in favor of layout-wide
 loading

---
 layouts/auth.vue | 83 ++++++++++++++++++++++++------------------------
 1 file changed, 41 insertions(+), 42 deletions(-)

diff --git a/layouts/auth.vue b/layouts/auth.vue
index f9d5bff..a395a7c 100644
--- a/layouts/auth.vue
+++ b/layouts/auth.vue
@@ -1,55 +1,55 @@
 <template>
-  <Loading v-if="!mounted" />
-  <div v-else id="root-container" style="margin-top: 5dvh;">
-    <div id="main-container">
-      <div v-if="!instanceUrl">
-        <div v-if="instanceError" style="color: red;">
-          {{ instanceError }}
+  <NuxtLayout>
+    <div id="root-container" style="margin-top: 5dvh;">
+      <div id="main-container">
+        <div v-if="!instanceUrl">
+          <div v-if="instanceError" style="color: red;">
+            {{ instanceError }}
+          </div>
+          <form @submit="selectInstance">
+            <div>
+              <label for="instance-url">Instance URL</label>
+              <br>
+              <input type="url" name="instance-url" id="instance-url" required v-model="instanceUrlInput">
+            </div>
+            <div>
+              <button type="submit">Next</button>
+            </div>
+          </form>
         </div>
-        <form @submit="selectInstance">
-          <div>
-            <label for="instance-url">Instance URL</label>
-            <br>
-            <input type="url" name="instance-url" id="instance-url" required v-model="instanceUrlInput">
-          </div>
-          <div>
-            <button type="submit">Next</button>
-          </div>
-        </form>
-      </div>
-      <div v-else id="auth-form-container">
-        <slot />
-      </div>
-      <div v-if="auth.accessToken.value">
-        You're logged in!
-        <form @submit="logout">
-          <div>
-            <label for="logout-password">Password</label>
-            <br>
-            <input type="password" name="logout-password" id="logout-password" v-model="form.password" required>
-          </div>
-          <div>
-            <button type="submit">Log out</button>
-          </div>
-        </form>
-        <div>
-          <button @click="refresh">Refresh</button>
+        <div v-else id="auth-form-container">
+          <slot />
         </div>
-        <div>
-          <button @click="showUser">Show user</button>
-        </div>
-        <div>
-          <button @click="getUser">Get me</button>
+        <div v-if="auth.accessToken.value">
+          You're logged in!
+          <form @submit="logout">
+            <div>
+              <label for="logout-password">Password</label>
+              <br>
+              <input type="password" name="logout-password" id="logout-password" v-model="form.password" required>
+            </div>
+            <div>
+              <button type="submit">Log out</button>
+            </div>
+          </form>
+          <div>
+            <button @click="refresh">Refresh</button>
+          </div>
+          <div>
+            <button @click="showUser">Show user</button>
+          </div>
+          <div>
+            <button @click="getUser">Get me</button>
+          </div>
         </div>
       </div>
     </div>
-  </div>
+  </NuxtLayout>
 </template>
 
 <script lang="ts" setup>
 import { FetchError } from 'ofetch';
 
-const mounted = ref(false);
 const redirectTo = useRoute().query.redirect_to;
 
 const apiVersion = useRuntimeConfig().public.apiVersion;
@@ -64,7 +64,6 @@ if (auth.accessToken.value) {
 }
 
 onMounted(() => {
-  mounted.value = true;
   const cookie = useCookie("instance_url").value;
   instanceUrl.value = cookie;
   console.log(cookie);