PDFEasy

import pdfeasy from 'pdfeasy'
pdfeasy.new()
pdfeasy.add([
  { raw: 'PDFEasy!' },
])
pdfeasy.run({
  type: 'client',
  clientEmit: 'blob'
}).then((blob: string) => {
  const iframe = document.querySelector('#pdf') as HTMLIFrameElement
  iframe.src = blob
}).catch((err) => {
  // ...
})

import { PDFPlugin } from 'vue-pdfeasy';
const app = createApp(App);
app.use(PDFPlugin);
app.mount('#app');
// ...
<script setup>
import { usePDF } from 'vue-pdfeasy';
const pdf = usePDF()
// ...
</script>

<script setup>
import { useNuxtApp } from '#app';
const { $pdf } = useNuxtApp()
// ...
</script>

pdfeasy.add([
  ...Utils.content(), // Utils for debug
  { raw: 'Hello PDFEasy!', text: { font: 'Roboto' } }, // text with custom font,
  { raw: 'https://i.imgur.com/path.png', image: {} }, // external image
  { stack: [ // stack for paragraph's
    { raw: 'A ', text: {} },
    { raw: 'Simple', text: { bold: true, italic: true } },
    { raw: ' Stack!', text: {} },
  ]},
  { pageBreak: {} }, // page break
  { lineBreak: {} }, // line break
  { raw: 'A checkbox!', checkbox: {} }, // checkbox
  { raw: 'A list!', list: { style: 'circle' } }, // list
  { table: { // table. Check pdfkit-table package for more explanations
    body: {
      title: "Title",
      subtitle: "subtitle",
      headers: [ "Item 1", "Item 2" ],
      rows: [
        [ "A", "100%" ],
        [ "B", "50%" ],
      ],
    },
    options: {}
  }},
  { form: [ // dynamic forms
    { name: 'button-field', type: 'button', options: { label: 'Click here!'} },
    { name: 'text-field', type: 'text', options: { value: '' }},
  ]},
])

pdfeasy.new({
  plugins: [{
    cover: 'https://i.imgur.com/path.png', // cover image (it's ignore default explicit margins insert)
    background: (page) => { // render custom background in pages
      return 'https://i.imgur.com/path.png'
    },
    onBefore: () => {
      // before contents transform
    },
    onAfter: () => {
      // after contents transform
    },
    page: [ // render callback in every page AFTER finish contents insert. Not support before at this time.
      // simple counter footer
      ({ Text, Image }, context, current, total) => {
        // render in every page
        Text(`${current}/${total}`, { fontSize: 20 }, {
          x: context.width / 2,
          y: context.height - context.margins.bottom
        })
        // Image('https://i.imgur.com/to/path.png', {}, {})
      },
      // simple header
      ({ Text }, context, current, total) => {
        // render in every page
        Text('A Simple Header', {}, {
          x: context.width / 2,
          // negative number (-20 in case) ignore default pdfkit margins
          y: context.margins.top - 20
        })
      }
    ]
  }]
})

pdfeasy.run({
  type: 'client',
  clientEmit: 'save',
}).then(() => {}).catch((err) => {
  console.error(err)
})

pdfeasy.run({
  type: 'server',
  serverPath: '/examples',
}).then(() => {}).catch((err) => {
  console.error(err)
})

// converts all hex color to cmyk
pdfeasy.run({ colorSchema: 'CMYK' })
// preserve hex colors (it's default)
pdfeasy.run({ colorSchema: 'RBG' })

// or https://path/to/Roboto.ttf
pdfeasy.addFonts([
  {
    name: 'Roboto',
    normal: 'fonts/Roboto-Regular.ttf',
    bold: 'fonts/Roboto-Medium.ttf',
    italic: 'fonts/Roboto-Italic.ttf',
    bolditalic: 'fonts/Roboto-BoldItalic.ttf'
  }
])