feat(Header): añadidas vistas a los enlaces y ocultación del buscador

src/components/Header.vue

@@ -31,12 +31,20 @@
       <!-- Contenido desplegable --> 
       <!-- Contenido desplegable --> 
       <div class="collapse navbar-collapse justify-content-center order-lg-1" id="navbarSupportedContent"> 
       <div class="collapse navbar-collapse justify-content-center order-lg-1" id="navbarSupportedContent"> 
         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav nav-pills nav-fill"> 
         <ul class="navbar-nav mx-auto mb-2 mb-lg-0 nav nav-pills nav-fill"> 
-          <li class="nav-item"><a class="nav-link active" href="#">Home</a></li> 
-          <li class="nav-item"><a class="nav-link" href="#">Crear receta</a></li> 
-          <li class="nav-item"><a class="nav-link" href="/recipes">Mis recetas</a></li> 
-          <li class="nav-item"><a class="nav-link" href="/recipes/search">Búsqueda avanzada</a></li> 
+          <li class="nav-item">
+            <router-link to="/auth/login" class="nav-link" active-class="active">Inicio de sesión</router-link>
+          </li> 
+          <li class="nav-item">
+            <router-link to="/recipes/create" class="nav-link" active-class="active">Crear receta</router-link>
+          </li> 
+          <li class="nav-item">
+            <router-link to="/recipes" class="nav-link" active-class="active">Mis recetas</router-link>
+          </li> 
+          <li class="nav-item">
+            <router-link to="/recipes/search" class="nav-link" active-class="active">Búsqueda avanzada</router-link>
+          </li> 
         </ul> 
         </ul> 
-        <form class="d-flex my-2 my-lg-0"> 
+        <form v-if="props.showSearch" class="d-flex my-2 my-lg-0"> 
           <input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Search"/> 
           <input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Search"/> 
           <button class="btn btn-search" type="submit"> 
           <button class="btn btn-search" type="submit"> 
             <i class="bi bi-search"></i> 
             <i class="bi bi-search"></i> 
@@ -47,6 +55,18 @@
   </nav> 
   </nav> 
 </template>
 </template>
 
 
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  showSearch: {
+    type: Boolean,
+    default: false
+  }
+})
+</script>
+
 <style scoped>
 <style scoped>
 
 
 .nav-style {
 .nav-style {