Use DsPdfViewer to view PDF in a Vue App

app.vue
index.html
data.js
<template> <div id="viewer"> </div> </template> <script> import Vue from 'vue' import BootstrapVue from 'bootstrap-vue' import 'bootstrap.css'; Vue.use(BootstrapVue) let App = Vue.extend({ name: 'app', data: function () { return { } }, mounted: function () { const viewer = new DsPdfViewer(this.$el, { workerSrc: "/document-solutions/javascript-pdf-viewer/demos/product-bundles/build/dspdfviewer.worker.js"}); viewer.addDefaultPanels(); viewer.open("/document-solutions/javascript-pdf-viewer/demos/product-bundles/assets/pdf/helloworld.pdf"); }, beforeDestroy: function () { } }) new Vue({ render: h => h(App) }).$mount('#app'); </script> <style> body { margin-bottom: 0px; } label { margin-right: 0px; } #viewer { } </style>