refactor(pdf)!: some improvements

Author: Novout

README.md

@@ -16,12 +16,12 @@ in `main.(js|ts)`
 
 ```js
 import { createApp } from 'vue';
-import pdfMake from 'vue3-pdfmake';
+import { PDFPlugin } from 'vue3-pdfmake';
 import App from './App.vue';
 
 const app = createApp(App);
 //...
-app.use(pdfMake);
+app.use(PDFPlugin);
 //...
 app.mount('#app');
 ```
@@ -40,6 +40,4 @@ app.mount('#app');
     pdf.createPdf({}).download();
   });
 </script>
-```
-
-> WARNING: Depending on how the instance was initialized, use `const pdf = usePDF().default` instead `const pdf = usePDF()`
+```

build.config.ts

@@ -1,23 +1,13 @@
-export default {
-  entries: [
-    {
-      input: 'src/index.ts',
-      outDir: 'dist',
-      name: 'index',
-      format: 'esm',
-      ext: 'mjs',
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+    entries: [
+      './src/index',
+    ],
+    rollup: {
+      emitCJS: true,
     },
-    {
-      input: 'src/index.ts',
-      outDir: 'dist',
-      name: 'index',
-      format: 'cjs',
-      ext: 'cjs',
-    },
-  ],
-  rollup: {
-    emitCJS: true,
-  },
-  declaration: true,
-  externals: ['pdfmake'],
-}
+    clean: true,
+    declaration: true,
+    externals: ['pdfmake'],
+})

demo/src/App.vue

@@ -1,8 +1,4 @@
 <script setup>
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import HelloWorld from './components/HelloWorld.vue'
-
 import { usePDF } from 'vue3-pdfmake';
 
 const pdfmake = usePDF()
@@ -11,8 +7,7 @@ pdfmake.createPdf({}).download();
 </script>
 
 <template>
-  <img alt="Vue logo" src="./assets/logo.png" />
-  <HelloWorld msg="Hello Vue 3 + Vite" />
+  <p>PDFMake!</p>
 </template>
 
 <style>

demo/src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
-import PDF from 'vue3-pdfmake'
+import { PDFPlugin } from 'vue3-pdfmake'
 
-createApp(App).use(PDF).mount('#app')
+createApp(App).use(PDFPlugin).mount('#app')

package.json

@@ -4,9 +4,15 @@
   "license": "MIT",
   "version": "1.2.1",
   "description": "A pdfmake plugin for Vue 3",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/betterwrite/vue-pdfmake"
@@ -17,7 +23,8 @@
     "minor": "generi log minor",
     "major": "generi log major",
     "dev": "yarn build && vite",
-    "demo": "yarn build && vite --port 5000 preview"
+    "demo": "yarn build && vite --port 5000 preview",
+    "prepublish": "yarn build"
   },
   "keywords": [
     "vue",
@@ -37,20 +44,20 @@
     }
   },
   "devDependencies": {
-    "@types/jsdom": "^16.2.6",
-    "@types/node": "^14.14.22",
-    "@vitejs/plugin-vue": "^2.3.2",
-    "generi": "0.3.0",
-    "typescript": "^4.1.3",
-    "unbuild": "0.7.4",
-    "vite": "2.9.8",
-    "vue": "^3.0.0"
+    "@types/jsdom": "^16.2.15",
+    "@types/node": "^14.18.36",
+    "@vitejs/plugin-vue": "^2.3.4",
+    "generi": "0.5.2",
+    "typescript": "^4.9.5",
+    "unbuild": "1.1.1",
+    "vite": "4.1.1",
+    "vue": "^3.2.47"
   },
   "files": [
     "dist",
     "package.json"
   ],
   "engines": {
-    "node": ">= 12"
+    "node": ">= 14"
   }
 }