Slowly move the login stuff into the settings page.

components/app/windows/settings.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { BadgeCheckIcon, OctagonAlertIcon } from "lucide-vue-next";
+import sha512 from "crypto-js/sha512";
+import Input from "~/components/ui/input/Input.vue";
 import { Input } from "~/components/ui/input";
 import {
   Dialog,
@@ -15,6 +17,7 @@ import { Button } from "@/components/ui/button";
 const { t, locale } = useI18n();
 const user = ref("");
 const enterFirstName = ref();
+const isLoggedIn = ref(false);
 const useremail = ref();
 const userData = ref({
   userAccount: "",
@@ -27,9 +30,14 @@ const enteruseremail = ref();
 onMounted(async () => {
   const req = await fetch("/api/user/validateUserToken");
   const res = await req.json();
+  if (res.current_spot === "LOGOUT") {
+    isLoggedIn.value = false;
+    return;
+  }
   user.value = res.firstName;
   userData.value = res;
   useremail.value = res.email;
+  isLoggedIn.value = true;
 });
 const setFirstName = async () => {
   const staticFirstName = "";
@@ -37,7 +45,13 @@ const setFirstName = async () => {
 
 const emit = defineEmits(["windowopener"]);
 
-const logoutAction = () => {};
+const logoutAction = async () => {
+  // I reget rolling my own auth :(
+  const req = await fetch("/api/user/logout");
+  const res = await req.json();
+  console.log(res);
+  showLogoutDialog.value = false;
+};
 
 const groqApiKeyRegex = /^gsk_[a-zA-Z0-9]{52}$/;
 const customApiKey = ref();
@@ -67,9 +81,6 @@ const confirmDelete = async () => {
   showDeleteDialog.value = false;
 };
 
-const confirmLogout = async () => {
-  showLogoutDialog.value = false;
-};
 const deleteAccount = async () => {
   const req = await fetch("/api/user/action", {
     method: "DELETE",
@@ -124,6 +135,43 @@ const submitChangeAction = async (action: string) => {
     console.error("Failed to submit change:", error);
   }
 };
+
+// Login function
+const userAccount = ref("");
+const userPassword = ref("");
+const error = ref(false);
+const errormsg = ref("");
+const success = ref(false);
+const submitUserPassword = async () => {
+  error.value = false;
+  errormsg.value = "";
+  // Encrypt password during transit
+  const password = sha512(userPassword.value).toString();
+
+  // Send data.
+  const sendData = await fetch("/api/user/login", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      username: userAccount.value,
+      password: password,
+    }),
+  });
+  const res = await sendData.json();
+
+  if (!res.error) {
+    error.value = false;
+    success.value = true;
+    console.log(res);
+    userAccount.value = "";
+  } else {
+    error.value = true;
+    errormsg.value = res.error;
+  }
+  userPassword.value = "";
+};
 </script>
 <template>
   <div class="justify-center align-center text-center">
@@ -230,7 +278,7 @@ const submitChangeAction = async (action: string) => {
             <Button @click="showLogoutDialog = false" variant="outline">
               {{ t("popup.cancel") }}
             </Button>
-            <Button @click="confirmLogout" variant="destructive">
+            <Button @click="logoutAction" variant="destructive">
               {{ t("popup.confirm") }}
             </Button>
           </DialogFooter>

server/api/user/validateUserToken.ts

@@ -6,6 +6,7 @@ export default defineEventHandler(async (event) => {
     return {
       error: "INVALID_TOKEN",
       requested_action: "USE_DEFAULT_STATE",
+      current_spot: "LOGOUT",
     };
   }
   const checkIsUUIDRegex =
@@ -14,6 +15,7 @@ export default defineEventHandler(async (event) => {
     return {
       error: "NOT_A_UUID",
       requested_action: "LOGOUT_USER",
+      current_spot: "LOGOUT",
     };
   }
   const fetchViaSQL = await sql`
@@ -24,6 +26,7 @@ export default defineEventHandler(async (event) => {
     return {
       error: "INVALID_TOKEN",
       requested_action: "LOGOUT_USER",
+      current_spot: "LOGOUT",
     };
   }
 
@@ -35,12 +38,14 @@ export default defineEventHandler(async (event) => {
     return {
       error: "TOKEN_EXPIRED",
       requested_action: "LOGOUT_USER",
+      current_spot: "LOGOUT",
     };
   }
   return {
     userAccount: fetchViaSQL[0].username,
     firstName: fetchViaSQL[0].firstName,
     requested_action: "CONTINUE",
+    current_spot: "KEEP_LOGIN",
     email: fetchViaSQL[0].email,
     avatarURL: fetchViaSQL[0].avatarurl,
     firstName: fetchViaSQL[0].firstName,