我有一个vue组件，我想将此组件转换为PDF文件。我使用html2pdf.js包，但结果是一个空白的PDF与3页。我该如何使它工作？

<template>
    <div>

      <div ref="document">

        <h2> hello</h2>

      </div>
 <button class="btn btn-success text-center" @click="createPDF">  دریافت فایل pdf</button>

    </div>

</template>

<script>

import html2pdf from 'html2pdf.js'

export default {

    data(){
      return{
      }
    },
    props : ['result'] , 
    watch: {
    },
   methods: {
        createPDF () {
    html2pdf(this.$refs.document, {
                    margin: 1,
                    filename: 'document.pdf',
                    image: { type: 'jpeg', quality: 0.98 },
                    html2canvas: { dpi: 192, letterRendering: true ,  scale: 1 , useCORS: true},
                    jsPDF: {   unit: 'in',  format: 'a4', orientation: 'landscape' }
                })
   }
    }
}