From 56675be7417f8a69dd3c5f9f95d2bd7149a2836d Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Sun, 26 Feb 2023 19:04:04 +0100
Subject: [PATCH] todavia comprobarUsername no acepta null

---
 src/pages/LoginPage.vue    |  2 +-
 src/pages/RegisterPage.vue | 19 +++++++++++++++----
 src/stores/lista.js        |  7 ++++++-
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index a17dc92..a21f7d7 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -4,7 +4,7 @@
   >
     <div class="column">
       <div class="row">
-        <h5 class="text-h5 text-white q-my-md">{{ listaStore.isAuth }}</h5>
+        <h5 class="text-h5 text-white q-my-md">Mis listas</h5>
       </div>
       <div class="row">
         <q-card square bordered class="q-pa-lg shadow-1">
diff --git a/src/pages/RegisterPage.vue b/src/pages/RegisterPage.vue
index a90f1b3..2c032b7 100644
--- a/src/pages/RegisterPage.vue
+++ b/src/pages/RegisterPage.vue
@@ -4,12 +4,12 @@
   >
     <div class="column">
       <div class="row">
-        <h5 class="text-h5 text-white q-my-md">Company & Co</h5>
+        <h5 class="text-h5 text-white q-my-md">Mis listas</h5>
       </div>
       <div class="row">
         <q-card square bordered class="q-pa-lg shadow-1">
           <q-card-section>
-            <q-form class="q-gutter-md">
+            <q-form class="q-gutter-md" @click.once="recibeDatos()">
               <q-input
                 square
                 filled
@@ -19,7 +19,7 @@
                 label="username"
                 :rules="[
                   (val) => val.length >= 3 || 'Mínimo 3 caracteres',
-                  (val) => val.length <= 3 || 'Ya existe',
+                  (val) => comprobarUsername?.length == 0 || 'Ya existe',
                 ]"
               />
               <q-input
@@ -79,12 +79,23 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, computed } from "vue";
+import { useListaStore } from "../stores/lista.js";
+const listaStore = useListaStore();
 const email = ref("");
 const password = ref("");
 const username = ref(""); //No exista en la bd, tamaño mínimo
 const confirmpassword = ref("");
 const nombre = ref("");
+const usuarios = ref([]);
+const recibeDatos = () => {
+  listaStore.getUsers().then(function (item) {
+    usuarios.value = item;
+  });
+};
+const comprobarUsername = computed(() => {
+  return usuarios.value?.filter((user) => user.username == username.value);
+});
 </script>
 
 <style>
diff --git a/src/stores/lista.js b/src/stores/lista.js
index 2d37e2d..258972f 100644
--- a/src/stores/lista.js
+++ b/src/stores/lista.js
@@ -23,8 +23,13 @@ export const useListaStore = defineStore("lista", () => {
     pb.authStore.clear();
     this.router.push("/login");
   }
+  async function getUsers() {
+    return await pb.collection("users").getFullList({
+      sort: "-created",
+    });
+  }
 
-  return { pb, authData, login, refresh, logout };
+  return { pb, authData, login, refresh, logout, getUsers };
 });
 
 /*