perf(sign): cambio en el script para importar los componentes

src/components/SignLayout.vue

-<script setup>
-    import Footer from '@/components/Footer.vue';
-</script>
-
 <template>
     <div class="d-flex flex-column min-vh-100 bg-custom">
         <div class="container flex-grow-1 d-flex align-items-center justify-content-center">
@@ -21,8 +17,6 @@
                 </section>
             </div>
         </div>
-
-        <Footer></Footer>
     </div>
 </template>
 

src/views/Login.vue

-<script>
-    import SignLayout from '@/components/SignLayout.vue';
-    
-    export default {
-    name: 'Login',
-    components: {
-        SignLayout
-    }
-    }
+<script setup>
+import Header from '@/components/Header.vue';
+import SignLayout from '@/components/SignLayout.vue';
 </script>
 
 <template>
+    <Header></Header>
     <SignLayout>
         <div class="form-signin w-100 p-5 shadow rounded bg-white form-card">
             <h2 class="mb-4 text-center">Iniciar Sesión</h2>
@@ -60,7 +55,7 @@
 }
 
 .form-card .btn-style:hover {
-    background-color: #5e3054; /* un tono más oscuro */
+    background-color: #5e3054;
     color: #fff;
 }
 

src/views/Register.vue

-<script>
-    import SignLayout from '@/components/SignLayout.vue';
-    
-    export default {
-    name: 'Register',
-    components: {
-        SignLayout
-    }
-    }
+<script setup>
+import SignLayout from '@/components/SignLayout.vue';
 </script>
 
 <template>
@@ -82,7 +75,7 @@
 }
 
 .form-card .btn-style:hover {
-    background-color: #5e3054; /* un tono más oscuro */
+    background-color: #5e3054;
     color: #fff;
 }