From f74b0a279e622728d6b9824150167fc6c491bca6 Mon Sep 17 00:00:00 2001
From: Aden Lindsay <140392385+AdenMGB@users.noreply.github.com>
Date: Mon, 27 Jan 2025 11:13:52 +1030
Subject: [PATCH] Create signout.vue to sign out :shocked:

---
 server/pages/signout.vue | 41 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 server/pages/signout.vue

diff --git a/server/pages/signout.vue b/server/pages/signout.vue
new file mode 100644
index 00000000..200e8f1a
--- /dev/null
+++ b/server/pages/signout.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="flex min-h-screen flex-1 bg-zinc-900">
+    <div
+      class="flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24"
+    >
+      <div class="mx-auto w-full max-w-sm lg:w-96">
+        <div>
+          <Logo class="h-10 w-auto" />
+          <h2
+            class="mt-8 text-2xl font-bold font-display leading-9 tracking-tight text-zinc-100"
+          >
+            Signing out...
+          </h2>
+          <p class="mt-2 text-sm leading-6 text-zinc-400">
+            You are being signed out of Drop.
+          </p>
+        </div>
+      </div>
+    </div>
+    <div class="relative hidden w-0 flex-1 lg:block">
+      <img
+        class="absolute inset-0 h-full w-full object-cover"
+        src="/wallpapers/signin.jpg"
+        alt=""
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Logo from "~/components/Logo.vue";
+const router = useRouter();
+
+// Clear the user state
+const user = useUser();
+user.value = null;
+
+// Redirect to signin page after signout
+await $fetch("/signout");
+router.push("/signin");
+</script>