refactor(pdfmake): add pdfmake via script instead of esm import

BayBreezy · Jun 19, 2023 · 2e915d7 · 2e915d7
1 parent 53c7bc4
commit 2e915d7
Show file tree

Hide file tree

Showing 9 changed files with 7,340 additions and 873 deletions.
diff --git a/docs/components/content/BasicExample.vue b/docs/components/content/BasicExample.vue
@@ -0,0 +1,31 @@
+<template>
+  <main class="w-full divide-x flex justify-center">
+    <div class="w-1/2 h-screen bg-red-50"></div>
+    <div class="w-1/2 h-screen bg-blue-50">
+      <VuePDF :pdf="pdfLink" v-if="pdfLink" fit-parent />
+    </div>
+  </main>
+</template>
+
+<script setup lang="ts">
+import { VuePDF, usePDF } from "@tato30/vue-pdf";
+
+const { $pdfMake: pdf } = useNuxtApp();
+const pdfLink = ref("");
+
+const loadPdf = () => {
+  pdf
+    .createPdf({
+      content: [
+        "First paragraph",
+        "Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines",
+      ],
+    })
+    .getDataUrl((dataUrl) => {
+      pdfLink.value = dataUrl;
+    });
+};
+onMounted(() => {
+  loadPdf();
+});
+</script>
diff --git a/docs/content/2.examples/1.basic.md b/docs/content/2.examples/1.basic.md
@@ -0,0 +1,4 @@
+# Basic
+
+::BasicExample
+
diff --git a/docs/content/2.examples/1.documentation.md b/docs/content/2.examples/1.documentation.md
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
@@ -7,6 +7,8 @@ export default defineNuxtConfig({
     "@nuxtjs/plausible",
     // https://github.com/nuxt/devtools
     "@nuxt/devtools",
+    "nuxt-pdfmake",
+    "@nuxthq/ui",
   ],
 
   css: ["~/assets/main.css"],