{"_id":"vue-pesdk","_rev":"34-6b4070a2cdc4cdbdafbb6d8952204fdd","name":"vue-pesdk","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.1":{"name":"vue-pesdk","version":"0.1.1","author":{"name":"Team PhotoEditorSDK","email":"contact@photoeditorsdk.com"},"_id":"vue-pesdk@0.1.1","maintainers":[{"name":"imgly","email":"contact@img.ly"}],"dist":{"shasum":"72576b4937a9d3e8f202a24904bd15b09a9e0dc1","tarball":"https://registry.npmjs.org/vue-pesdk/-/vue-pesdk-0.1.1.tgz","fileCount":7,"integrity":"sha512-uY4XggW0M/4fx0YVTGrROCTD7UgbTN11SB39xTKzD62m5Phsf49byDYWV53yQL3gSUzxUVrRZBp1WE9xRLlzGw==","signatures":[{"sig":"MEUCIQC11frp81mrx62DUVVdw3/nkgDAqJBcnrPuGOdeWWAQGAIgW+ALmOv6jEWRVcOKWrpIfqM2pmxWPnwddBo97dDFO9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbHrqbCRA9TVsSAnZWagAAAFQP/3UQ+PzyN2p5+tltyH/E\nn0ZENhDjIV2Uv8QyTGKUpOw4OTcf+j4kpmDvuiFoylqH+X3vOmxr4e3ekJls\nrsxJAzQaCDrfWx/KYJwzliesKejX3ZNtDmBvUwYpRc0e0wgyXKMu2d5bW1LM\nkjbmFpKExvtNHhkXolJD2nFJFyG2D+LK6e4rXiYZ+m7ZAkXeVUL6oYxjVSCa\nAqvnsKvtgNS0IQy1LgC/I1eFYKbnSiDwMuOD4zwEscmAQ9M5hoWejfQqwtNP\nsgFCIiGTs2TYtYoiLxWtUDUuVYwEtVO1te3f7gEt7VfBonatXGS6/CFAgMge\nDf3JAQWfzR5lVTtWZjs2q2whGtWVFxovWYRjnMXv760lcem4iLw/z7kyunuY\naThf5VgqqlkmC4OpYxTpYTG+LzN47r20DgQ6pQvRQZqq65yPV6ej8fKtaxu/\noCY/fqNzXaIqfrWGCz9HFibP7I6mIy+APR4F2WNHapc8aVkJZ1oDF0tI7fhv\ncNYuuY8w8io1ql9FcTjp4m3HaCgjysIkc/2DG5rIF/P/ELRWXHzx1C2aOxKf\n+ReZ+Zc59g1rRSWpZFbiEAJ5VCX5deMw2LK6z98YFeXakAUU6bOQYyIPoEXh\n8jELkzn75OmvCQkiJ8jOd8tjZOquS3guaqpHrgjnP3f4A77yT2sNB7xKilEA\nhX5E\r\n=tIz0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-pesdk.js","files":["dist"],"unpkg":"dist/vue-pesdk.min.js","engines":{"npm":">= 3.0.0","node":">= 6.0.0"},"gitHead":"6fe22a5ea8fac25f3113b9c43418ba92eb656cb3","private":false,"scripts":{"dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","e2e":"node test/e2e/runner.js","lint":"eslint --ext .js,.vue src test/unit test/e2e/specs","test":"npm run unit && npm run e2e","unit":"jest --config test/unit/jest.conf.js --coverage","build":"cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.min.js","start":"npm run dev","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"_npmUser":{"name":"imgly","email":"contact@img.ly"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"5.7.1","description":"PhotoEditorSDK wrapper for Vue.js","directories":{},"_nodeVersion":"8.9.1","browserslist":["> 1%","last 2 versions","not ie <= 8"],"_hasShrinkwrap":false,"devDependencies":{"ora":"^1.2.0","vue":"^2.5.2","jest":"^22.0.4","chalk":"^2.0.1","react":"^16.4.0","eslint":"^4.15.0","rimraf":"^2.6.0","semver":"^5.3.0","shelljs":"^0.7.6","webpack":"^3.6.0","vue-jest":"^1.0.2","cross-env":"^5.1.6","react-dom":"^16.4.0","babel-core":"^6.22.1","babel-jest":"^21.0.2","css-loader":"^0.28.0","nightwatch":"^0.9.12","portfinder":"^1.0.13","url-loader":"^0.5.8","vue-loader":"^13.3.0","cross-spawn":"^5.0.1","file-loader":"^1.1.4","postcss-url":"^7.2.1","autoprefixer":"^7.1.2","babel-eslint":"^8.2.1","babel-loader":"^7.1.1","chromedriver":"^2.27.2","eslint-loader":"^1.7.1","node-notifier":"^5.1.2","webpack-merge":"^4.1.0","babel-register":"^6.22.0","photoeditorsdk":"^4.6.0","postcss-import":"^11.0.0","postcss-loader":"^2.0.8","@vue/test-utils":"^1.0.0-beta.16","selenium-server":"^3.0.1","babel-preset-env":"^1.3.2","vue-style-loader":"^3.0.1","eslint-plugin-vue":"^4.0.0","eslint-plugin-node":"^5.2.0","webpack-dev-server":"^2.9.1","copy-webpack-plugin":"^4.0.1","html-webpack-plugin":"^2.30.1","jest-serializer-vue":"^0.3.0","babel-preset-stage-2":"^6.22.0","eslint-plugin-import":"^2.7.0","eslint-plugin-promise":"^3.4.0","vue-template-compiler":"^2.5.16","eslint-config-standard":"^10.2.1","eslint-plugin-standard":"^3.0.1","babel-plugin-syntax-jsx":"^6.18.0","uglifyjs-webpack-plugin":"^1.1.1","webpack-bundle-analyzer":"^2.9.0","eslint-friendly-formatter":"^3.0.0","extract-text-webpack-plugin":"^3.0.0","babel-plugin-transform-runtime":"^6.22.0","babel-plugin-transform-vue-jsx":"^3.5.0","friendly-errors-webpack-plugin":"^1.6.1","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-dynamic-import-node":"^1.2.0","optimize-css-assets-webpack-plugin":"^3.2.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2"},"peerDependencies":{"vue":"^2.5.2","react":"^16.4.0","react-dom":"^16.4.0","photoeditorsdk":"^4.6.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-pesdk_0.1.1_1528740505322_0.7219413493618647","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"vue-pesdk","version":"0.1.2","author":{"name":"Team PhotoEditorSDK","email":"contact@photoeditorsdk.com"},"_id":"vue-pesdk@0.1.2","maintainers":[{"name":"imgly","email":"contact@img.ly"}],"dist":{"shasum":"3edd478453c9df0835ba3a65414ad73f3c633b47","tarball":"https://registry.npmjs.org/vue-pesdk/-/vue-pesdk-0.1.2.tgz","fileCount":7,"integrity":"sha512-EReP7bxLfWeokYCYd3oshXlbZMaw88+q3Tj2ZRUwGhm1HfoPgbPlUsi8cCXiZcKYZ9LAa1vYiVSx6s4tmH20VA==","signatures":[{"sig":"MEUCIQCBQIgVrOj0dFb7d9yZrih024YrB3L+S9rjOLqo9U9LlAIgfxsIfjbnYIhUB221HMrZJ1yqReSKQw+qPZP2QK47EFc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbomw4CRA9TVsSAnZWagAA3DsP/15dxevuuSMKceyXdFQ9\n6cCxUGp8RP6aoE885OP9ISM/0Z/GpbPF7nXgUxJ15ya8Zitl+Ky53JFZ4u33\n5383EbJ0tetlEJr4A1Y3twL+u3DTwW7h1QpE2b2a+0rBSeHVwW5Yq36n+imG\nvFOWN2oL29IFDM/SSAkCG9kDsT3mApYZE7NM8CmzvFu2fsXaNMyYpAZTgswV\nAo7YuAMWsQLNSaI2wsbfNcPICxkthCyMJLX3iKsJ8tvzlI3zpUj63QCK87Gm\nkU2/WzK6vcuGDAr+5FRQJ2vSfVjwlYxnHWAn6kgOlZOCekhzpGJx7KVOh7VZ\npjdKRAp/8i/cBIyu6XALkaN9kZFg14xaly1fN8U9fEhh2jHkCFTQzOjolZlU\nmnK8qkyb7owJMI+EJUEAalHMxwj4T5xkiq77oNVCWYZ4z02L+PGodx7d0cey\nEzHjR8rWBWI31UnZV08OALPveq5deEyYXSbwl0gZ32sKov74mEcnuDyB5kDO\neWADGLnTd+1ubnpsBMPlf9RwZRJQ9Bg5xD8kAXAOIJnFOufGT5HOkZjJg9eI\nZDTDTmdoZzVhOPLvJRamol9mlJRkLBOvpVzYVDqc4MtPlJkR3dcpiuc3L/S6\nsGWnGNbS3v+XmhgbaxElpN5sY/nyji2eaWEXkbBzAHOGdYxFc9xoeWl8j3QS\np+jK\r\n=xPtr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-pesdk.js","unpkg":"dist/vue-pesdk.min.js","engines":{"npm":">= 3.0.0","node":">= 6.0.0"},"gitHead":"17d6f4e1778f2ce97b6f5354ed2c34795c433ff1","private":false,"scripts":{"dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","e2e":"node test/e2e/runner.js","lint":"eslint --ext .js,.vue src test/unit test/e2e/specs","test":"npm run unit && npm run e2e","unit":"jest --config test/unit/jest.conf.js --coverage","build":"cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.min.js","start":"npm run dev","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"_npmUser":{"name":"imgly","email":"contact@img.ly"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.4.1","description":"PhotoEditorSDK wrapper for Vue.js","directories":{},"_nodeVersion":"8.11.4","browserslist":["> 1%","last 2 versions","not ie <= 8"],"_hasShrinkwrap":false,"devDependencies":{"ora":"^1.2.0","vue":"^2.5.2","jest":"^22.0.4","chalk":"^2.0.1","react":"^16.4.0","eslint":"^4.15.0","rimraf":"^2.6.0","semver":"^5.3.0","shelljs":"^0.7.6","webpack":"^3.6.0","vue-jest":"^1.0.2","cross-env":"^5.1.6","react-dom":"^16.4.0","babel-core":"^6.22.1","babel-jest":"^21.0.2","css-loader":"^0.28.0","nightwatch":"^0.9.12","portfinder":"^1.0.13","url-loader":"^0.5.8","vue-loader":"^13.3.0","cross-spawn":"^5.0.1","file-loader":"^1.1.4","postcss-url":"^7.2.1","autoprefixer":"^7.1.2","babel-eslint":"^8.2.1","babel-loader":"^7.1.1","chromedriver":"^2.27.2","eslint-loader":"^1.7.1","node-notifier":"^5.1.2","webpack-merge":"^4.1.0","babel-register":"^6.22.0","photoeditorsdk":"^4.12.0","postcss-import":"^11.0.0","postcss-loader":"^2.0.8","@vue/test-utils":"^1.0.0-beta.16","selenium-server":"^3.0.1","babel-preset-env":"^1.3.2","vue-style-loader":"^3.0.1","eslint-plugin-vue":"^4.0.0","eslint-plugin-node":"^5.2.0","webpack-dev-server":"^2.9.1","copy-webpack-plugin":"^4.0.1","html-webpack-plugin":"^2.30.1","jest-serializer-vue":"^0.3.0","babel-preset-stage-2":"^6.22.0","eslint-plugin-import":"^2.7.0","eslint-plugin-promise":"^3.4.0","vue-template-compiler":"^2.5.16","eslint-config-standard":"^10.2.1","eslint-plugin-standard":"^3.0.1","babel-plugin-syntax-jsx":"^6.18.0","uglifyjs-webpack-plugin":"^1.1.1","webpack-bundle-analyzer":"^2.9.0","eslint-friendly-formatter":"^3.0.0","extract-text-webpack-plugin":"^3.0.0","babel-plugin-transform-runtime":"^6.22.0","babel-plugin-transform-vue-jsx":"^3.5.0","friendly-errors-webpack-plugin":"^1.6.1","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-dynamic-import-node":"^1.2.0","optimize-css-assets-webpack-plugin":"^3.2.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2"},"peerDependencies":{"vue":"^2.5.2","react":"^16.4.0","react-dom":"^16.4.0","photoeditorsdk":"^4.12.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-pesdk_0.1.2_1537371191627_0.60048474919169","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"vue-pesdk","version":"0.2.0","author":{"name":"Team PhotoEditorSDK","email":"contact@photoeditorsdk.com"},"_id":"vue-pesdk@0.2.0","maintainers":[{"name":"imgly","email":"contact@img.ly"}],"dist":{"shasum":"5875dd3f6d4add003f1256841e56d8f964f249c6","tarball":"https://registry.npmjs.org/vue-pesdk/-/vue-pesdk-0.2.0.tgz","fileCount":7,"integrity":"sha512-0c4ZWCPQdspak513soiwAGzKu3UVTDp7dvCanOqv7jXtH9vYvvyyqpcSZuplHyJjnqxiCHNjWgN8BJFAe82XIQ==","signatures":[{"sig":"MEYCIQDbhJ2G/HZu3bph5LxDXC/Iiy67viY3HHFP00JbqSTExgIhAP736O5JQg/Ly3Yw7c7cmg8TACjl1p5QYJ2ZSmeqp+k8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvIZ7CRA9TVsSAnZWagAA588P/jzdfp62x+3teTnUfnl4\nIk7ccRk5f6u3C/WRWzMBVjkBgpTXrJVUBfA+pWVqlU4PwnW0+i0IB3DiI/He\n13sZy+Cs60+KRVDOoBTQL2zeFB3bqU8fMqnkXZmEn8A219w80UKC1HJfuQN5\nCQlMNQ7IC8OqgDDkVwjzj9sbg9VzltfhOnphQeVD06LTRmy1NQNiof8+KQ49\nZMFYCf4Ggz3NbZoRjWAR9umFQIj/ERDhQUEBtfZiC97Lz9MAp5/9gvc6J7j1\nh5Wq6scufpLOcjnmlC51cEgJmr9/+5tfPt8VpRVkyXexHfgL37TkmhjoueaC\naW0jsNYaFnZkW+dQhBKWaYlDvMslD213EvLYiEDLXb+mt8PsuPmLlIKaeE12\njo1iFtpuJBcQiIp6WaxE7EjXfR6FEJeT7btjQCQZfjisE24GndJ9AxbprOje\nhSE1En3n/KSriQhhRTNb5XS6ME2bwQKUgCt8wxQZtO2EkYW9jnz3ux1AK6aQ\nFeGTU+GSyXE8JJFGWtJFHfvPRj4mHDdpf6oUibFGxKYUD63mYjN6DCTrLlnP\nKshprFPiwouKpQf4+EzpNoSL/72sjs9wtlzrA7CmaFT0enzBIexhVCHHcBZ5\nXORsNL/kEez8cmG9D7fJey7lv6JlOI7luzPooEKQY9lVjIHoX/TCHJcLZiE6\njvgz\r\n=e48G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue-pesdk.js","unpkg":"dist/vue-pesdk.min.js","engines":{"npm":">= 3.0.0","node":">= 6.0.0"},"gitHead":"d412346a74f8392b3181baa1b6242b46c16b51ee","private":false,"scripts":{"dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","e2e":"node test/e2e/runner.js","lint":"eslint --ext .js,.vue src test/unit test/e2e/specs","test":"npm run unit && npm run e2e","unit":"jest --config test/unit/jest.conf.js --coverage","build":"cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.min.js","start":"npm run dev","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"_npmUser":{"name":"imgly","email":"contact@img.ly"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"6.3.0","description":"PhotoEditorSDK wrapper for Vue.js","directories":{},"_nodeVersion":"8.9.1","browserslist":["> 1%","last 2 versions","not ie <= 8"],"_hasShrinkwrap":false,"devDependencies":{"ora":"^1.2.0","vue":"^2.5.2","jest":"^22.0.4","chalk":"^2.0.1","react":"^16.4.0","eslint":"^4.15.0","rimraf":"^2.6.0","semver":"^5.3.0","shelljs":"^0.7.6","webpack":"^3.6.0","vue-jest":"^1.0.2","cross-env":"^5.1.6","react-dom":"^16.4.0","babel-core":"^6.22.1","babel-jest":"^21.0.2","css-loader":"^0.28.0","nightwatch":"^1.0.11","portfinder":"^1.0.13","url-loader":"^1.1.1","vue-loader":"^13.3.0","cross-spawn":"^5.0.1","file-loader":"^1.1.4","postcss-url":"^7.2.1","autoprefixer":"^7.1.2","babel-eslint":"^8.2.1","babel-loader":"^7.1.1","chromedriver":"^2.27.2","eslint-loader":"^1.7.1","node-notifier":"^5.1.2","webpack-merge":"^4.1.0","babel-register":"^6.22.0","photoeditorsdk":"^4.12.2","postcss-import":"^11.0.0","postcss-loader":"^2.0.8","@vue/test-utils":"^1.0.0-beta.16","selenium-server":"^3.0.1","babel-preset-env":"^1.3.2","vue-style-loader":"^3.0.1","eslint-plugin-vue":"^4.0.0","eslint-plugin-node":"^5.2.0","webpack-dev-server":"^2.9.1","copy-webpack-plugin":"^4.0.1","html-webpack-plugin":"^2.30.1","jest-serializer-vue":"^0.3.0","babel-preset-stage-2":"^6.22.0","eslint-plugin-import":"^2.7.0","eslint-plugin-promise":"^3.4.0","vue-template-compiler":"^2.5.16","eslint-config-standard":"^10.2.1","eslint-plugin-standard":"^3.0.1","babel-plugin-syntax-jsx":"^6.18.0","uglifyjs-webpack-plugin":"^1.1.1","webpack-bundle-analyzer":"^2.9.0","eslint-friendly-formatter":"^3.0.0","extract-text-webpack-plugin":"^3.0.0","babel-plugin-transform-runtime":"^6.22.0","babel-plugin-transform-vue-jsx":"^3.5.0","friendly-errors-webpack-plugin":"^1.6.1","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-dynamic-import-node":"^1.2.0","optimize-css-assets-webpack-plugin":"^3.2.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2"},"peerDependencies":{"vue":"^2.5.17","react":"^16.5.2","react-dom":"^16.5.2","photoeditorsdk":"^4.12.2"},"_npmOperationalInternal":{"tmp":"tmp/vue-pesdk_0.2.0_1539081850775_0.41637893725171526","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-06-11T18:08:25.321Z","modified":"2026-09-22T15:36:38.090Z","0.1.1":"2018-06-11T18:08:25.480Z","0.1.2":"2018-09-19T15:33:11.840Z","0.2.0":"2018-10-09T10:44:10.894Z"},"author":{"name":"Team PhotoEditorSDK","email":"contact@photoeditorsdk.com"},"description":"PhotoEditorSDK wrapper for Vue.js","maintainers":[{"email":"daniel.hauschildt@img.ly","name":"danielhauschildt"},{"email":"alexander.schiewe+npm@img.ly","name":"schiewe"},{"email":"sascha.schwabbauer@img.ly","name":"sascha_"},{"email":"sven.naehler@img.ly","name":"svendvd"},{"email":"leon.dudlik@img.ly","name":"leon_dud"},{"email":"mirko.budszuhn@img.ly","name":"mirko314-imgly"},{"email":"marcin.skirzynski@gmail.com","name":"maerch"},{"email":"raven.szewczyk@img.ly","name":"ravenszewczyk-imgly"},{"email":"darwish.elia@gmail.com","name":"elia-darwish"},{"email":"malte.baumann@img.ly","name":"maltebaumann"},{"email":"svendvd@googlemail.com","name":"sven_imgly"},{"email":"jonas.hartwig@img.ly","name":"jonashartwig"},{"email":"hiyeon.kim@img.ly","name":"hiyeon"}],"readme":"<div align=\"center\">\n  <img width=\"484\" heigth=\"169\" src=\"/logo.png\" alt=\"vue-pesdk\">\n</div>\n\n# vue-pesdk\n\n> PhotoEditor SDK Vue.js wrapper\n\n## 🏷 Note\n\n[PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin)\nis a product of 9elements GmbH. In order to use [PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin) inside one of your products, you will need a valid\n[a license](https://www.photoeditorsdk.com/pricing#contact/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin).\n\n## 🔧 Installation\n\n```bash\nyarn add vue-pesdk photoeditorsdk react react-dom\nor\nnpm i -D vue-pesdk photoeditorsdk react react-dom\n```\n\n`photoeditorsdk`, `react` and `react-dom` are peerDependencies and are needed to render the PhotoEditorSDK UI.\nIn addition you need the [PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin) assets. You can either get them [here](https://github.com/imgly/pesdk-html5-build/tree/master/assets) or copy it from your `node_modules` into your public asset folder. And set the `assetPath` prop to this folder.\n\nIf you scaffold your project with Vue CLI you can just cp the asset folder from `node_modules`.\n```bash\ncp -r node_modules/photoeditorsdk/assets/ ~/projects/your-project/static/\n```\n\nIf needed, take a look at the [official documentation](https://docs.photoeditorsdk.com) for further information.\n\n## 👈 Usage\n\nImport the [PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin) css styles and the vue-sdk component.\n\n\n```html\n<template>\n  <PhotoEditor\n    asset-path=\"/static\"\n    license='{\"owner\": ...}'\n    image-path='/static/example.jpg'\n  />\n</template>\n\n<script>\n  import 'photoeditorsdk/css/PhotoEditorSDK.UI.DesktopUI.min.css'\n  import 'photoeditorsdk/css/PhotoEditorSDK.UI.ReactUI.min.css'\n\n  import PhotoEditor from 'vue-pesdk'\n\n  export default {\n    components: { PhotoEditor }\n  }\n</script>\n```\n\n## 📒 Props\n\n| prop | default | type | required | description\n|---|---|---|---|---|\n| ui | 'react' | String | no | Select if you want to use the DesktopUI or ReactUI. Supported values are `react` and `desktop`.\n| license | '' | String | **yes** | Your PhotoEditorSDK license. [Get it here](https://www.photoeditorsdk.com)\n| imagePath | '' | String | **yes** | Path to the image that will be rendered initially\n| assetPath | 'static' | String | no | Path to your assets. Where the PhotoEditorSDK assets are stored\n| assetResolver |  | String | no | A function that gets called for every asset. Can turn an asset path into another path. Useful for stuff like Rails asset pipeline.\n| editorOptions |  | Object | no | Extended configuration options for the editor object https://docs.photoeditorsdk.com/guides/html5/v4/introduction/configuration\n| options |  | Object | no | Extended configuration options https://docs.photoeditorsdk.com/guides/html5/v4/introduction/configuration\n\n## 🛫 Getting Started\n\nThe idea behind this wrapper is to simplify the usage of the [PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin) inside Vue. We try to minimize the configuration and maximize the possibilities.\nBecause of that you have only 3 important and required props, `license`, `imagePath` and `assetPath` to get the editor running.\n\nYou have however to either download or copy the [PhotoEditor SDK](https://www.photoeditorsdk.com/?utm_campaign=Projects&utm_source=Github&utm_medium=Side_Projects&utm_content=VueJs-Plugin) assets to your public asset folder. You can either get them [here](https://github.com/imgly/pesdk-html5-build/tree/master/assets) or copy it from your `node_modules`.\n\nIf you need more configuration possibilities, you can pass all the mentioned [options](https://docs.photoeditorsdk.com/guides/html5/v4/introduction/configuration) to the `editorOptions` or `options` prop.\n\nFurthermore, the editor instance is saved as a Vue Instance Property so you can access the editor instance inside your parent component with `this.$pesdk` after the editor is mounted.\n\n## 📺 Examples\n\n### Basic Example\n\n```html\n<template>\n  <PhotoEditor\n    asset-path=\"/assets\"\n    :license=\"$options.license\",\n    image-path=\"/assets/example.jpg\"\n  />\n</template>\n\n<script>\n  import PhotoEditor from 'vue-pesdk'\n  import PesdkLicense from './myLicense.json'\n\n  export default {\n    components: { PhotoEditor },\n    license: JSON.stringify(PesdkLicense)\n  }\n```\n\n### Listen to Events\n\nYou can listen to various events in the [PhotoEditorSdk](https://docs.photoeditorsdk.com/guides/html5/v4/concepts/events)\nYou can simply attach an `.on()` event to the editor instance.\n\n```html\n<template>\n  <PhotoEditor\n    asset-path=\"/assets\"\n    :license=\"$options.license\"\n    image-path=\"/assets/example.jpg\"\n  />\n</template>\n\n<script>\n  import PhotoEditor from 'vue-pesdk'\n  import PesdkLicense from './myLicense.json'\n\n  export default {\n    components: { PhotoEditor },\n    license: JSON.stringify(PesdkLicense), // This is optional way to store non-reactive data in vue.\n    mounted () {\n      this.$pesdk.on('export', (result) => {\n        console.log('User clicked export, resulting image / dataurl:')\n        console.log(result)\n      })\n    }\n  }\n```\n\n### Specifying which focus modes are available\n\nLike mentioned earlier you can pass in all configuration options like [here](https://docs.photoeditorsdk.com/guides/html5/v4/features/focus).\n\n```html\n<template>\n  <PhotoEditor\n    asset-path=\"/assets\"\n    :license=\"$options.license\"\n    :editorOptions=\"customOptions\"\n    :options=\"{logLevel: 'trace'}\"\n    image-path=\"/assets/example.jpg\"\n  />\n</template>\n\n<script>\n  import PhotoEditor from 'vue-pesdk'\n  import PesdkLicense from './myLicense.json'\n\n  export default {\n    components: { PhotoEditor },\n    license: JSON.strigify(PesdkLicense), // This is optional.\n    data: () => ({\n      customOptions: {\n        controlsOptions: {\n          focus: {\n            availableModes: ['radial', 'mirrored', 'linear', 'gaussian']\n          }\n        }\n      }\n    })\n  }\n```\n\n## 📜 Changelog\n\nDetails changes for each release are documented in the [CHANGELOG.md](CHANGELOG.md).\n\n## 👨‍💻 Development\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n\n# run unit tests\nnpm run unit\n\n# run e2e tests\nnpm run e2e\n\n# run all tests\nnpm test\n```\n\nFor a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n\n\n## 📜 License\n\nPlease see [LICENSE](LICENSE.md) for licensing details.\n\n## 👥 Authors and Contributors\n\nPlease see [CONTRIBUTORS](CONTRIBUTORS.md) for licensing details.\n\n## 💬 Support or Contact\n\nFor support requests, please use our [Support Desk](https://support.photoeditorsdk.com).\n","readmeFilename":"README.md"}