From 3def0315def4f5f8ae320311275705e55031fe2b Mon Sep 17 00:00:00 2001
From: Leopoldadmin <leopold.hammerschmidt@media-on.de>
Date: Tue, 9 Jun 2026 23:36:18 +0000
Subject: [PATCH] Add frontend/src/views/RegisterView.vue

---
 frontend/src/views/RegisterView.vue | 47 +++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 frontend/src/views/RegisterView.vue

diff --git a/frontend/src/views/RegisterView.vue b/frontend/src/views/RegisterView.vue
new file mode 100644
index 0000000..4eda0d1
--- /dev/null
+++ b/frontend/src/views/RegisterView.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="register">
+    <h2>Register</h2>
+    <form @submit.prevent="handleRegister">
+      <div class="form-group">
+        <label>Email</label>
+        <input v-model="email" type="email" required />
+      </div>
+      <div class="form-group">
+        <label>Username</label>
+        <input v-model="username" type="text" required />
+      </div>
+      <div class="form-group">
+        <label>Full Name</label>
+        <input v-model="fullName" type="text" />
+      </div>
+      <div class="form-group">
+        <label>Password</label>
+        <input v-model="password" type="password" required />
+      </div>
+      <button type="submit" class="btn btn-primary">Register</button>
+    </form>
+    <p>Already have an account? <router-link to="/login">Login</router-link></p>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useAuthStore } from '../stores/auth'
+import { useRouter } from 'vue-router'
+
+const email = ref('')
+const username = ref('')
+const fullName = ref('')
+const password = ref('')
+const authStore = useAuthStore()
+const router = useRouter()
+
+const handleRegister = async () => {
+  const success = await authStore.register(email.value, username.value, password.value, fullName.value)
+  if (success) {
+    router.push('/login')
+  } else {
+    alert('Registration failed')
+  }
+}
+</script>