import { PDFPlugin } from 'vue3-pdfmake';

createApp({

    components: {

        CompaniesIndex,

        PDFPlugin

    }

}).use(router).use(PDFPlugin).mount('#app');

<template>

  <button @click="onGenPDF">Gen PDF</button>

</template>

<script setup>

import { usePDF } from 'vue3-pdfmake';

//import pdfMake from "pdfmake/build/pdfmake";

//import { usePDF } from "pdfmake/build/pdfmake";

import pdfFonts from "pdfmake/build/vfs_fonts";

pdfMake.vfs = pdfFonts.pdfMake.vfs;

pdfMake.fonts = {

  Ipaex: {

        normal: 'ipaexg.ttf',

        bold:   'ipaexm.ttf'

    }

}

const defaultStyle = "Ipaex"

const pdfmake = usePDF({

  autoInstallVFS: true

})

const onGenPDF = () => {

  pdfmake.createPdf({

    content: [

      '春夏秋冬 means four season in Japanese ',

    ],

    defaultStyle: {

            font:defaultStyle

    }

  }).download();

}

</script>

<template>

  <button @click="exportPdf">Gen PDF</button>

</template>

<script setup>

import * as pdfFonts from  'pdfmake/build/vfs_fonts';

import pdfMake from "pdfmake";

pdfMake.vfs = pdfFonts.pdfMake.vfs

pdfMake.fonts = {

  Ipaex: {

      normal: 'ipaexg.ttf',

      bold:   'ipaexm.ttf'

    }

}

const defaultStyle = "Ipaex"

function exportPdf() {

    let text = [["four_season","春夏秋冬"]]

    let document = {

        content: [

            {

                table: {

                    widths: [100, 100],

                    body: text

                }

            },

        ],

        defaultStyle: {

            font:defaultStyle

        }

    }   

    pdfMake.createPdf(document).open();

}

</script>