Hacer más visible el "descargar como PDF"

[RaniAgus]

Por el momento, podemos usar Ctrl+P para imprimir como documento, y se ve bastante bien:

Peeero leyendo el feedback del cuatri entiendo que no mucha gente conoce este truco, estaría bueno poner un botón que haga window.print() al clickearse:

Código

<template>
  <div class="pdf-button">
    <button @click="window.print">
      <img class="pdf-icon" src="/img/pdf.svg" alt="PDF icon" />
      Descargar como PDF (beta)
    </button>
  </div>
</template>

<style>
.pdf-button {
  display: grid;
  width: 100%;
  text-decoration: none;
  justify-content: start;
}

.pdf-icon {
  display: inline-block;
  width: 16.3px;
  height: 13.45px;
  overflow: hidden;
}

@media print {
  .pdf-button {
    display: none !important;
  }
}
</style>

Sin embargo, parece ser que window.print() no hace lo mismo que Ctrl+P:

Hay que ver por qué c$^%$%^ pasa esto, o ver una forma alternativa de exportar como PDF.

[mgarciaisaia]

No reinventaría funcionalidad que ya tiene el browser. Si el browser lo hace gratis, que usen el feature del browser.

¿Quizá podemos agregarle a los builds del sitio que generen un PDF con todo el sitio junto?

[RaniAgus]

¿Algo como... https://github.com/condorheroblog/vitepress-export-pdf ?

Edit: O sino, ver de implementar algo parecido a: https://github.com/ulivz/vuepress-plugin-export/blob/master/index.js

[iago64]

Yo personalmente no le daría muchas vueltas, si realmente quieren el pdf que hagan el Ctrl + P el resto es una doc que no tenemos intenciones de bajarla, asi que puede quedar asi sin problemas.