nombres y colores de los enlaces

src/pages/LoginPage.vue

@@ -50,9 +50,9 @@
             />
           </q-card-actions>
           <q-card-section class="text-center q-pa-none">
-            <p class="text-grey-6">
+            <p class="text-grey-2">
               <router-link to="/register"
-                >Not reigistered? Created an Account</router-link
+                >No está registrado? Crear una cuenta</router-link
               >
             </p>
           </q-card-section>
@@ -124,7 +124,7 @@ const btnLoginDisable = () => {
 };
 </script>
 
-<style>
+<style scoped>
 .q-card {
   width: 360px;
 }
@@ -132,6 +132,6 @@ a:link,
 a:visited,
 a:active {
   text-decoration: none;
-  color: black;
+  color: gray;
 }
 </style>

src/pages/RegisterPage.vue

@@ -90,7 +90,7 @@
           <q-card-section class="text-center q-pa-none">
             <p class="text-grey-6">
               <router-link to="/login"
-                >Are you registered? Go to Login</router-link
+                >Está registrado? Página de login</router-link
               >
             </p>
           </q-card-section>
@@ -187,7 +187,7 @@ const registrar = () => {
 };
 </script>
 
-<style>
+<style scoped>
 .q-card {
   width: 360px;
 }
@@ -196,6 +196,6 @@ a:link,
 a:visited,
 a:active {
   text-decoration: none;
-  color: black;
+  color: gray;
 }
 </style>