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