From c517db336158cea02f20bce5775030e413ce1773 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 25 Sep 2023 19:25:15 -0400
Subject: [PATCH] feat(pages): add login page

---
 pages/login.vue | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 pages/login.vue

diff --git a/pages/login.vue b/pages/login.vue
new file mode 100644
index 0000000..a787bbd
--- /dev/null
+++ b/pages/login.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import useApiFetch from '../composables/useApiFetch';
+	interface FormState {
+		username: string;
+		password: string;
+	}
+	const formState = reactive<FormState>({
+		username: "",
+		password: ""
+	})
+	const onFinish = async (values: any) => {
+		await useApiFetch("/auth/login", {
+			method: "post",
+			body: values,
+		})
+	}
+</script>
+<template>
+	<a-form :model="formState" name="basic" :label-col="{span: 8}" autocomplete="off" @finish="onFinish">
+		<a-form-item label="Username" name="username" :rules="[{ required: true, message: 'Username required!' }]">
+			<a-input v-model:value="formState.username"/>
+		</a-form-item>
+		<a-form-item label="Password" name="password" :rules="[{ required: true, message: 'Password required!' }]">
+			<a-input-password v-model:value="formState.password"/>
+		</a-form-item>
+		<a-form-item>
+			<a-button type="primary" html-type="submit">Log in</a-button>
+		</a-form-item>
+	</a-form>
+</template>
\ No newline at end of file