⚠️ Repository Moved
This repository has been moved to https://github.com/PSPDFKit/nutrient-web-examples/tree/main/examples/vue.
Please update your bookmarks and issues accordingly.

This repo is now archived and will no longer receive updates.

This example shows how to integrate PSPDFKit for Web into a Vue.js app.

• Node.js
• PSPDFKit for Web (get your free trial here)

PSPDFKit offers support for customers with an active SDK license via https://www.nutrient.io/support/request/

Are you evaluating our SDK? That's great, we're happy to help out! To make sure this is fast, please use a work email and have someone from your company fill out our sales form: https://www.nutrient.io/sales/

Clone the repo:

git clone https://github.com/PSPDFKit/pspdfkit-web-example-vue.git
cd pspdfkit-web-example-vue

Install the project dependencies with npm:

npm install

The Vue component which implements the PSPDFKit for Web integration is included at src/App.vue with the rest of the example.

In order to make the PSPDFKit for Web's library available for building, we have to copy the nutrient-viewer-lib/ directory from node_modules/nutrient/dist/ into the public/js/ directory. This is done in the package.json script verify-installation which is executed by serve.

We are ready to launch the app! 🎉

npm run serve

You can now open http://localhost:4173 in your browser and enjoy!

This software is licensed under a modified BSD license.

Please ensure you have signed our CLA so that we can accept your contributions.