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

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

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