[vue-pdf-embed@1] Basic usage example

Basic usage example of embedding a PDF document into a Vue application using vue-pdf-embed. Learn more at https://npmjs.com/package/vue-pdf-embed

by hrynko

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue2-pdf-embed.js"></script>

<div id="app">
  <vue-pdf-embed :source="pdfSource" />
</div>

CSS

body {
  padding: 16px;
  background-color: #ccc;
}

.vue-pdf-embed > div {
  margin-bottom: 8px;
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.1);
}

JavaScript

new Vue({
  el: '#app',
  components: {
    VuePdfEmbed: window.VuePdfEmbed,
  },
  data: {
    pdfSource: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf',
  },
})