From 695342e19aeaed967e7bd4030d4f7339cc16e08c Mon Sep 17 00:00:00 2001
From: Daniel Heras Quesada <dani.heras@hotmail.com>
Date: Sat, 1 Nov 2025 21:30:24 +0100
Subject: [PATCH] feat(front-nuxt): [WIP] login

---
 front-nuxt/app/components/auth/login-form.vue | 13 +++++++++++++
 front-nuxt/app/middleware/auth.global.ts      |  3 ++-
 front-nuxt/app/pages/login.vue                | 15 ++++++---------
 3 files changed, 21 insertions(+), 10 deletions(-)
 create mode 100644 front-nuxt/app/components/auth/login-form.vue

diff --git a/front-nuxt/app/components/auth/login-form.vue b/front-nuxt/app/components/auth/login-form.vue
new file mode 100644
index 0000000..fc256a9
--- /dev/null
+++ b/front-nuxt/app/components/auth/login-form.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const props = defineProps<{
+    onSubmitAction: (credentials: {
+        username: string;
+        password: string;
+    }) => boolean;
+}>();
+async function onSubmit() {}
+</script>
+
+<template>
+    <form @onsubmit="onSubmit">Test form</form>
+</template>
diff --git a/front-nuxt/app/middleware/auth.global.ts b/front-nuxt/app/middleware/auth.global.ts
index b74d06a..0dc1c89 100644
--- a/front-nuxt/app/middleware/auth.global.ts
+++ b/front-nuxt/app/middleware/auth.global.ts
@@ -34,11 +34,12 @@ export default defineNuxtRouteMiddleware((to, from) => {
                 // else just redirect to login
                 return navigateTo(LOGIN_ROUTE);
             }
+            return;
         } else {
             return navigateTo(LOGIN_ROUTE);
         }
     } catch (e) {
-        console.error(">> [!] Not in client");
+        console.error(">> [!] Not in client", e);
     }
 
     console.log(">> Global Middleware from ", from.path);
diff --git a/front-nuxt/app/pages/login.vue b/front-nuxt/app/pages/login.vue
index ee57f37..36e2419 100644
--- a/front-nuxt/app/pages/login.vue
+++ b/front-nuxt/app/pages/login.vue
@@ -6,21 +6,18 @@ definePageMeta({
 
 const userStore = useUserStore();
 const setUpUser = () => {
-    userStore.update({
-        id: "1",
-        name: "My name",
-        roles: ["user", "manager"],
-    });
+    // userStore.setUser({
+    //     id: "1",
+    //     name: "My name",
+    //     roles: ["user", "manager"],
+    // });
 };
 </script>
 
 <template>
     <div>
         Login form
-        <div>
-            User profile:
-            {{ userStore.profile }}
-        </div>
+        <AuthLoginForm />
         <button @click="setUpUser">Login</button>
     </div>
 </template>