diff --git a/src/components/descripcion.vue b/src/components/descripcion.vue
index 6185351..5f60122 100644
--- a/src/components/descripcion.vue
+++ b/src/components/descripcion.vue
@@ -89,16 +89,17 @@ export default {
   data() {
     return {
       idLibro: "",
-      titulo: " programing",
-      autor: "HALIM",
-      paginas: "300",
-      isbn: "POSF-12-43",
-      edicion: "Primera edicion",
-      precio: "$3232.00",
+      titulo: "",
+      autor: "",
+      paginas: "",
+      isbn: "",
+      edicion: "",
+      precio: "",
       src: "",
-      version: "Electronica",
-      desc: `En relación al estudio del álgebra, las expresiones algebraicas son el conjunto de números, y por símbolos representados por letras que manifiestan un valor desconocido, siendo llamado como incógnita o variable.\n\nLos símbolos se encuentran relacionados a través de signos que indican las operaciones que se necesitan efectuar, bien sea multiplicación, suma, resta, entre otros, con el objetivo de conseguir el resultado de las variables. En este sentido, los términos se distinguen o separan por medio de signos, y en el caso de estar separadas por el signo de igualdad se llama ecuación.`,
-      boton2: "Comprar",
+      version: "",
+      desc: ``,
+      boton2: "",
+      categoria: "",
       Libros: [
         {
           id: 0,
@@ -143,6 +144,9 @@ export default {
       this.precio = detalle.precio;
       this.version = detalle.version;
       this.desc = detalle.descripcion;
+      this.categoria = detalle.categoria;
+      if (detalle.precio !== "Gratis") this.boton2 = "Comprar";
+      else this.boton2 = "Descargar";
     } catch (error) {
       console.log(error);
     }
@@ -154,7 +158,7 @@ export default {
         method: "GET",
         responseType: "blob"
       };
-      axios(config).then(response => {
+      await axios(config).then(response => {
         let reader = new FileReader();
         reader.readAsDataURL(response.data);
         reader.onload = () => {
@@ -164,6 +168,34 @@ export default {
     } catch (error) {
       console.log(error);
     }
+    try {
+      let similares = await axios.get(
+        `${config.api}/librosSimilares?categoria=${this.categoria}`
+      );
+      similares = similares.data.data;
+      console.log(`${similares}`);
+      for (let i = 0; i < similares.length; i++) {
+        this.Libros[i].title = similares[i].titulo;
+         let config = {
+        // example url
+        url: `http://localhost:3000/libroImagen?idLibro=${i+2}`,
+        method: "GET",
+        responseType: "blob"
+      };
+      await axios(config).then(response => {
+        let reader = new FileReader();
+        reader.readAsDataURL(response.data);
+        reader.onload = () => {
+          this.Libros[i].img = reader.result;
+        };
+      });
+
+
+
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error ${error}`);
+    }
   }
 };
 </script>