gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: auth layout causing too much recursion due to having forgotten to remove <NuxtLayout>

Browse source
This commit is contained in:
SauceyRed 2025-05-29 04:12:13 +02:00
parent 25fc9e23c5
commit 52eab190ee
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
1 changed files with 39 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

80
layouts/auth.vue
View file

@ -1,50 +1,48 @@
<template> <template>
<NuxtLayout> <div id="root-container" style="margin-top: 5dvh;">
<div id="root-container" style="margin-top: 5dvh;"> <div id="main-container">
<div id="main-container"> <div v-if="!instanceUrl">
<div v-if="!instanceUrl"> <div v-if="instanceError" style="color: red;">
<div v-if="instanceError" style="color: red;"> {{ instanceError }}
{{ 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> </div>
<div v-else id="auth-form-container"> <form @submit="selectInstance">
<slot /> <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> </div>
<div v-if="auth.accessToken.value"> <div>
You're logged in! <button @click="showUser">Show user</button>
<form @submit="logout"> </div>
<div> <div>
<label for="logout-password">Password</label> <button @click="getUser">Get me</button>
<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>
</div> </div>
</NuxtLayout> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>