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

• Node.js
• Nutrient Web SDK (get your free trial here)

Nutrient 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/nutrient-web-examples.git
cd nutrient-web-examples/examples/vue

Install the project dependencies with npm:

npm install

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

In order to make the Nutrient Web SDK's library available for building, we have to copy the nutrient-viewer-lib/ directory from node_modules/@nutrient-sdk/viewer/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 build
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.