añadidos q-inputs en register

src/pages/LoginPage.vue

@@ -39,7 +39,11 @@
             />
           </q-card-actions>
           <q-card-section class="text-center q-pa-none">
-            <p class="text-grey-6">Not reigistered? Created an Account</p>
+            <p class="text-grey-6">
+              <router-link to="/register"
+                >Not reigistered? Created an Account</router-link
+              >
+            </p>
           </q-card-section>
         </q-card>
       </div>
@@ -59,4 +63,10 @@ const password = ref("");
 .q-card {
   width: 360px;
 }
+a:link,
+a:visited,
+a:active {
+  text-decoration: none;
+  color: black;
+}
 </style>

src/pages/RegisterPage.vue

@@ -10,6 +10,26 @@
         <q-card square bordered class="q-pa-lg shadow-1">
           <q-card-section>
             <q-form class="q-gutter-md">
+              <q-input
+                square
+                filled
+                clearable
+                v-model="username"
+                type="text"
+                label="username"
+                :rules="[
+                  (val) => val.length >= 3 || 'Mínimo 3 caracteres',
+                  (val) => val.length <= 3 || 'Ya existe',
+                ]"
+              />
+              <q-input
+                square
+                filled
+                clearable
+                v-model="nombre"
+                type="text"
+                label="nombre completo"
+              />
               <q-input
                 square
                 filled
@@ -26,6 +46,14 @@
                 type="password"
                 label="password"
               />
+              <q-input
+                square
+                filled
+                clearable
+                v-model="confirmpassword"
+                type="password"
+                label="repite password"
+              />
             </q-form>
           </q-card-section>
           <q-card-actions class="q-px-md">
@@ -38,7 +66,11 @@
             />
           </q-card-actions>
           <q-card-section class="text-center q-pa-none">
-            <p class="text-grey-6">Are you registered? Go to Login</p>
+            <p class="text-grey-6">
+              <router-link to="/login"
+                >Are you registered? Go to Login</router-link
+              >
+            </p>
           </q-card-section>
         </q-card>
       </div>
@@ -50,10 +82,19 @@
 import { ref } from "vue";
 const email = ref("");
 const password = ref("");
+const username = ref(""); //No exista en la bd, tamaño mínimo
+const confirmpassword = ref("");
+const nombre = ref("");
 </script>
 
 <style>
 .q-card {
   width: 360px;
 }
+a:link,
+a:visited,
+a:active {
+  text-decoration: none;
+  color: black;
+}
 </style>