An open API service indexing awesome lists of open source software.

https://github.com/pspdfkit/pspdfkit-web-example-vue

Use PSPDFKit for Web in a Vue.js application
https://github.com/pspdfkit/pspdfkit-web-example-vue

Last synced: 4 months ago
JSON representation

Use PSPDFKit for Web in a Vue.js application

Awesome Lists containing this project

README

          

> ⚠️ **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.

# Nutrient Web SDK Example – Vue

This example shows how to integrate [PSPDFKit for Web](https://www.nutrient.io/sdk/web/) into a Vue.js app.

## Prerequisites

- [Node.js](http://nodejs.org/)
- PSPDFKit for Web (get your free trial [here](https://www.nutrient.io/try/))

## Support, Issues and License Questions

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

Are you [evaluating our SDK](https://www.nutrient.io/try/)? 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/

## Getting Started

Clone the repo:

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

Install the project dependencies with `npm`:

```bash
npm install
```

## Vue Component

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`.

## Running the Example

We are ready to launch the app! 🎉

```bash
npm run serve
```

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

## License

This software is licensed under a [modified BSD license](LICENSE).

## Contributing

Please ensure
[you have signed our CLA](https://www.nutrient.io/guides/web/current/miscellaneous/contributing/) so that we can
accept your contributions.