From 0458e1ed0997dec2656284e8f2582a0e82d5a64d Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 10 Dec 2025 01:42:36 +0000
Subject: [PATCH] adding create user file

---
 nginx/vue/src/components/admin/CreateUser.vue | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 nginx/vue/src/components/admin/CreateUser.vue

diff --git a/nginx/vue/src/components/admin/CreateUser.vue b/nginx/vue/src/components/admin/CreateUser.vue
new file mode 100644
index 0000000..57daab5
--- /dev/null
+++ b/nginx/vue/src/components/admin/CreateUser.vue
@@ -0,0 +1,27 @@
+<script setup>
+import { ref, onMounted, computed } from "vue";
+import { useAuthStore } from "@/stores/auth";
+
+const auth = useAuthStore();
+const username = ref("");
+const password = ref("");
+const loggedIn = computed(() => !!auth.user.username);
+
+function handleLogin() {
+    auth.createUser(username.value, password.value);
+}
+</script>
+
+<template>
+    <div v-if="loggedIn">
+        <h1>Logged in</h1>
+        <p>{{ auth.user.ID }}</p>
+        <p>{{ auth.user.username }}</p>
+    </div>
+    <div v-else>
+        <h1>Create User</h1>
+        <input type="text" v-model="username" placeholder="Username" />
+        <input type="password" v-model="password" placeholder="Password" />
+        <button @click="handleLogin">Create Account</button>
+    </div>
+</template>