feat: support vue 3

Author: mater1996

.gitignore

@@ -11,3 +11,4 @@ dist/
 *.njsproj
 *.sln
 .history
+.vscode

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

README.md

@@ -1,6 +1,6 @@
 # vue-photo-zoom-pro
 
-> Vue picture magnifier
+> Vue picture magnifier(Vue 2 & Vue 3)
 
 ![example](https://raw.githubusercontent.com/Mater1996/vue-photo-zoom-pro/master/example.png)
 
@@ -9,8 +9,14 @@
 ```js
 npm install vue-photo-zoom-pro
 
+# In Vue 2 project
+npm i vue-photo-zoom-pro@2.x
+
 # or
 yarn add vue-photo-zoom-pro
+
+# In Vue 2 project
+yarn add vue-photo-zoom-pro@2.x
 ```
 ## Usage
 

package.json

@@ -35,7 +35,7 @@
     "core-js": "^3.0.0"
   },
   "peerDependencies": {
-    "vue": "^2.5.11"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
@@ -73,9 +73,9 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue": "^5.0.0",
+    "rollup-plugin-vue": "^6.0.0",
     "serve": "^12.0.0",
-    "vue-template-compiler": "^2.6.14",
+    "vue": "^3.2.45",
     "vuepress": "^1.9.7"
   },
   "keywords": [

rollup.config.js

@@ -1,7 +1,6 @@
 const path = require('path')
 const peerDepsExternal = require('rollup-plugin-peer-deps-external')
 const { nodeResolve } = require('@rollup/plugin-node-resolve')
-const commonjs = require('@rollup/plugin-commonjs')
 const vue = require('rollup-plugin-vue')
 const babel = require('rollup-plugin-babel')
 const postcss = require('rollup-plugin-postcss')
@@ -58,7 +57,6 @@ module.exports = ({ environment }) => {
         preventAssignment: true,
         values: { 'process.env.NODE_ENV': JSON.stringify(NODE_ENV) }
       }),
-      commonjs(),
       vue({
         css: !isProd,
         normalizer: '~vue-runtime-helpers/dist/normalize-component.js'
@@ -67,7 +65,7 @@ module.exports = ({ environment }) => {
         browser: true,
         preferBuiltins: true
       }),
-      babel({
+      isIIFE && babel({
         babelrc: true,
         runtimeHelpers: true,
         extensions: ['.js', '.jsx', '.es6', '.es', '.mjs', '.vue']