Switch to Vite (#153)

* fix: Remove webpack and vue2 support

* fix: Remove webpack and vue2 support

fix: prettier

fix: prettier

chore: Update Readme

* fix: copy types to package

* Update package.json

Co-authored-by: Aliaksei Hrynko <[email protected]>

* Update package-lock.json

Co-authored-by: Aliaksei Hrynko <[email protected]>

* fix: tidy up build and versions

* chore: move some bits around

* chore: apply patch

* [PATCH] Merge remote-tracking branch 'upstream/develop'

* [PATCH] Merge remote-tracking branch 'upstream/develop'

* fix: apply patch

* chore: fix readme

---------

Co-authored-by: Aliaksei Hrynko <[email protected]>

Author: cooper667

.babelrc

@@ -1,8 +1,8 @@
 {
-  "env": {
-    "node": true
+  "extends": ["eslint:recommended", "plugin:vue/vue3-essential", "prettier"],
+  "parserOptions": {
+    "ecmaVersion": "latest"
   },
-  "extends": ["eslint:recommended", "plugin:vue/essential", "prettier"],
   "plugins": ["prettier"],
   "rules": {
     "prettier/prettier": "warn"

.eslintrc

@@ -9,10 +9,10 @@ jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 18
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm publish

.github/workflows/publish-to-npm.yml

@@ -1,6 +1,6 @@
 .DS_Store
 node_modules
-/dist
+dist
 
 # Local env files
 .env.local

.gitignore

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npx lint-staged
+npx lint-staged --concurrent false

.husky/pre-commit

@@ -1,5 +1,4 @@
 {
-  "*.{js,vue}": [
-    "npm run lint"
-  ]
+  "*.{js,vue}": "eslint --fix",
+  "*": "prettier --write"
 }

.lintstagedrc

@@ -11,4 +11,5 @@ We use [GitHub issues](https://github.com/hrynko/vue-pdf-embed/issues) to report
 All code changes happen through [pull requests](https://github.com/hrynko/vue-pdf-embed/pulls). We actively welcome your features and fixes. Please provide a detailed description of the changes made and link them to [issues](https://github.com/hrynko/vue-pdf-embed/issues), if any.
 
 ## License
+
 By contributing, you agree that your contribution will be licensed under the [MIT License](LICENSE).

CONTRIBUTING.md

@@ -1,6 +1,6 @@
 # 📄 vue-pdf-embed
 
-PDF embed component for Vue 2 and Vue 3
+PDF embed component for Vue 3 and Vue 2 (see [Compatibility](#compatibility))
 
 [![Awesome](https://raw.githubusercontent.com/sindresorhus/awesome/main/media/mentioned-badge.svg)](https://github.com/vuejs/awesome-vue)
 [![npm](https://img.shields.io/npm/v/vue-pdf-embed)](https://npmjs.com/package/vue-pdf-embed)
@@ -19,22 +19,22 @@ PDF embed component for Vue 2 and Vue 3
 
 ## Compatibility
 
-This package is compatible with both Vue 2 and Vue 3, but consists of two separate builds. The default exported build is for Vue 3, for Vue 2 import `dist/vue2-pdf-embed.js` (see [Usage](#usage)).
+This package is only compatible with Vue 3, to support Vue 2 install `vue-pdf-embed@1` and discover [the v1 docs](https://github.com/hrynko/vue-pdf-embed/tree/v1).
 
 ## Installation
 
 Depending on the environment, the package can be installed in one of the following ways:
 
 ```shell
-npm install vue-pdf-embed@1
+npm install vue-pdf-embed
 ```
 
 ```shell
-yarn add vue-pdf-embed@1
+yarn add vue-pdf-embed
 ```
 
 ```html
-<script src="https://unpkg.com/vue-pdf-embed@1"></script>
+<script src="https://unpkg.com/vue-pdf-embed"></script>
 ```
 
 ## Usage
@@ -53,9 +53,6 @@ yarn add vue-pdf-embed@1
 <script>
 import VuePdfEmbed from 'vue-pdf-embed'
 
-// OR THE FOLLOWING IMPORT FOR VUE 2
-// import VuePdfEmbed from 'vue-pdf-embed/dist/vue2-pdf-embed'
-
 export default {
   components: {
     VuePdfEmbed,

README.md

@@ -1,10 +1,8 @@
 <template>
-  <div>
-    <vue-pdf-embed
-      :image-resources-path="annotationIconsPath"
-      :source="pdfSource"
-    />
-  </div>
+  <VuePdfEmbed
+    :image-resources-path="annotationIconsPath"
+    :source="pdfSource"
+  />
 </template>
 
 <script>
@@ -16,7 +14,7 @@ export default {
   },
   data() {
     return {
-      annotationIconsPath: '/node_modules/pdfjs-dist/web/images/',
+      annotationIconsPath: '../node_modules/pdfjs-dist/web/images/',
       pdfSource:
         'data:application/pdf;base64,' +
         'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxv' +

demo/main.js

@@ -1,11 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>vue-pdf-embed demo</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title>vue-pdf-embed</title>
   </head>
   <body>
     <div id="app"></div>
+    <script type="module" src="./main.js"></script>
   </body>
 </html>

demo/App.vue renamed to dev/App.vue

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+
+import App from './App.vue'
+
+createApp(App).mount('#app')