@tallcomponents/unopdf-vue

UnoPdf Vue Package

Welcome to UnoPdf, a comprehensive PDF handling library for modern web development from TallComponents. Designed for both frontend and backend applications, UnoPdf offers an extensive suite of web components and a RESTful API to seamlessly integrate PDF functionalities into your projects. Whether you're using Vue, React, or vanilla JavaScript on the frontend, or managing PDFs in backend environments, UnoPdf provides robust tools for creating, editing, reading, and saving PDF documents. Its powerful API also allows access to the PDF object model, enabling developers to build intricate integrations. Embrace the simplicity and versatility of UnoPdf to enhance your web applications with dynamic PDF interactions.

This packages provides Vue components for UnoPdf. The UnoPdf Core package provides the implementation of the UnoPdf core and is used as a dependency of this Vue package.

Installation

npm install  @tallcomponents/unopdf-vue

or

yarn add  @tallcomponents/unopdf-vue

Usage

Add Vue components to app

import { PdfViewerLibrary } from "@tallcomponents/unopdf-vue";

createApp(App)
  .use(PdfViewerLibrary)
  .mount("#app");

<template>
  <pdf-application />
  <pdf-document />
  <pdf-pages />
</template>

Add custom components to Vite compiler

in vite.config.js:

-  plugins: [vue()],
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          // treat all tags with a dash as custom elements
+          isCustomElement: (tag) => tag.includes('-'),
+        },
+      },
+    }),
+  ],

More information

A quick start guide and reference documentation is available on the UnoPdf website.

Release notes

UnoPdf is currently available in a private preview and is updated regularly. See the UnoPdf Release Notes for more information.

Code samples

Comprehensive code samples are available on the UnoPdf website: UnoPdf Vue Code Samples