From 5fe6a01402ff5fcf89f5f33c47856dda26ca7bf6 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Tue, 25 Jul 2023 04:58:58 +0800
Subject: [PATCH] Frontend: added profile page

---
 frontend/components/Header.vue |  6 ++++++
 frontend/pages/profile.vue     | 17 +++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 frontend/pages/profile.vue

diff --git a/frontend/components/Header.vue b/frontend/components/Header.vue
index 8616390..c08dc1f 100644
--- a/frontend/components/Header.vue
+++ b/frontend/components/Header.vue
@@ -40,6 +40,12 @@ const userOptions: Array<UserOption> = [
 			toggleUserOptions()
 		},
 	},
+	{
+		title: 'Profile',
+		onClick: () => {
+			useRouter().push('/profile')
+		},
+	},
 ]
 </script>
 
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
new file mode 100644
index 0000000..057b91a
--- /dev/null
+++ b/frontend/pages/profile.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+definePageMeta({
+	middleware: ['auth'],
+})
+
+const user = useUser()
+
+const deleteUser = async () => {
+	await userDelete()
+}
+</script>
+
+<template>
+	<div>
+		<button @click="deleteUser()">Delete Account</button>
+	</div>
+</template>