feat(auth): refactoring and error message

This commit is contained in:
DecDuck
2024-11-19 15:05:28 +11:00
parent 2d4a7e8f9c
commit 469a2d69eb
4 changed files with 58 additions and 37 deletions

View File

@ -4,11 +4,12 @@
<XCircleIcon class="h-12 w-12 text-red-600" aria-hidden="true" />
<div class="mt-3 text-center sm:mt-5">
<h1 class="text-3xl font-semibold font-display leading-6 text-zinc-100">
Connection failed
Authentication failed
</h1>
<div class="mt-4">
<p class="text-sm text-zinc-400 max-w-sm">
Drop encountered an error while connecting to your instance.
Drop encountered an error while connecting to your instance. Error:
{{ message }}
</p>
</div>
<div class="mt-10 flex items-center justify-center gap-x-6">
@ -24,6 +25,9 @@
<script setup lang="ts">
import { XCircleIcon } from "@heroicons/vue/16/solid";
const route = useRoute();
const message = route.query.error ?? "An unknown error occurred.";
definePageMeta({
layout: "mini",
});