# Pdfjs express on vue3

**URL:** <https://pdfjs.community/t/pdfjs-express-on-vue3/2732>\
**Category:** Technical Support\
**Created:** [July 19, 2023, 9:29pm UTC](https://pdfjs.community/t/pdfjs-express-on-vue3/2732 "2023-07-19T21:29:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![juan.giraldo](https://avatars.discourse-cdn.com/v4/letter/j/5daacb/32.png) [@juan.giraldo](https://pdfjs.community/u/juan.giraldo)\
**Post date:** [July 19, 2023, 9:29pm UTC](https://pdfjs.community/t/pdfjs-express-on-vue3/2732/1 "2023-07-19T21:29:33Z")

</div>

I am trying to implement the pdfjs express plus demo on vue3, with the actual version 8.7.0 but when i use the VUEJS demo and update the package, it keeps showing this errors:

> File extension pdf" is not supported. Please see [http://r.pdftron.com/fileformats](http://r.pdftron.com/fileformats) for a full list of file formats supported by WebViewer

i am not changing anything, the code is the same.

```javascript
<template>
  <div>
    <label for="file_upload">Choose A file</label>
    <input type="file" id="file_upload" name="file_upload" accept=".pdf" />
    <div ref="viewer"></div>
  </div>
</template>

<script>
/* eslint-disable */
import WebViewer from '@pdftron/pdfjs-express';

export default {
  name: 'WebViewer',
  props: {
    path: String,
    url: String,
  },
  mounted: function() {
    WebViewer(
      {
        path: this.path,
        initialDoc: this.url, // replace with your own PDF file
      },
      this.$refs.viewer
    ).then((instance) => {

      //console.log(instance)
      const input = document.getElementById('file_upload');

      input.addEventListener('change', () => {
        // Get the file from the input
        const file = input.files[0];
        instance.loadDocument(file, { filename: file.name });
      });
      
    });
  },
};
</script>

```

Its there a way to update the pdfjs version on the try free demo, because i need to know if i can achieve what i need to buy the license

---

<div class="post-metadata">

**Author:** ![darian.chen](https://avatars.discourse-cdn.com/v4/letter/d/3d9bf3/32.png) [@darian.chen](https://pdfjs.community/u/darian.chen)\
**Post date:** [July 20, 2023, 8:07pm UTC](https://pdfjs.community/t/pdfjs-express-on-vue3/2732/2 "2023-07-20T20:07:31Z")

</div>

Hello Juan,

Could you please provide a minimal sample of your project along with a screenshot of the error?

If possible, could you also try to use our Vue 2 sample below? You can update to Vue 3 and change the version of pdf.js under “@pdftron/pdfjs-express” in the dependencies.

> **[GitHub - pdfjs-express/pdfjs-express-vue-sample](https://github.com/pdfjs-express/pdfjs-express-vue-sample)**
>
> Contribute to pdfjs-express/pdfjs-express-vue-sample development by creating an account on GitHub.

Best Regards,  
Darian Chen