Package Exports

@tallcomponents/unopdf-vue
@tallcomponents/unopdf-vue/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@tallcomponents/unopdf-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

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