{"_id":"@byte.n/qrcode-vue3","_rev":"3-236932570827135d4d45e1ac323379b7","name":"@byte.n/qrcode-vue3","dist-tags":{"latest":"1.4.22"},"versions":{"1.4.17":{"name":"@byte.n/qrcode-vue3","version":"1.4.17","description":"Add a style and an image to your QR code Vue3","main":"lib/index.js","types":"src/index.d.ts","dependencies":{"@chenfengyuan/vue-qrcode":"^1.0.2","qrcode-generator":"^1.4.3"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.13.0","@typescript-eslint/parser":"^4.13.0","@vue/compiler-sfc":"^3.0.6","canvas":"^2.6.1","clean-webpack-plugin":"^3.0.0","copyfiles":"^2.4.1","eslint":"^7.17.0","eslint-config-prettier":"^7.1.0","eslint-loader":"^4.0.2","eslint-plugin-jest":"^24.1.3","eslint-plugin-prettier":"^3.3.1","html-webpack-plugin":"^4.5.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.0","prettier":"^2.2.1","ts-jest":"^26.4.4","ts-loader":"^8.0.17","typescript":"^4.2.2","vue":"^3.0.11","vue-loader":"^16.1.2","webpack":"^5.24.2","webpack-cli":"^4.5.0","webpack-dev-server":"^3.11.2","webpack-merge":"^5.7.3"},"scripts":{"build":"webpack --mode=production --config webpack.config.build.js && copyfiles -f ./src/*.vue lib","build:dev":"webpack --mode=development --config webpack.config.build.js","test":"jest --passWithNoTests"},"repository":{"type":"git","url":"git+https://github.com/scholtz/qrcode-vue3.git"},"keywords":["qr","qrcode","qr-code","js","qrjs","qrstyling","styling","qrbranding","branding","qrimage","image","qrlogo","logo","design"],"author":{"name":"Ludovit Scholtz","email":"ludovit@scholtz.sk"},"license":"MIT","bugs":{"url":"https://github.com/scholtz/qrcode-vue3/issues"},"homepage":"https://github.com/scholtz/qrcode-vue3","gitHead":"f9c96071d2945003b645d7d9fe6c60ddf7bf561b","_id":"@byte.n/qrcode-vue3@1.4.17","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-cO8dPPlBPUfJO/hajYaxjieRYCzHB8QEgmaAVpmasAR4OqrTGU5wr59rKfYCS12huTyZiegBdUFpzsLhgPbraw==","shasum":"bfbe2f790b6f9c873104de826d3a956dd27a7357","tarball":"https://registry.npmjs.org/@byte.n/qrcode-vue3/-/qrcode-vue3-1.4.17.tgz","fileCount":39,"unpackedSize":370044,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFLbW2Uvs/Q0gzNhyG+m2TieooGw2VpTQfF1gXZmocmFAiEAgXbF6YdH8RjowarpPVRwNsIz6fjY3bEOi/vvlMvwAPo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQSN4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7GQ/8CgPT1GnnmOgyK923gHgx3sz9EC3RP0gKb1uKvlR985eM+DtR\r\nDs++DoGVTuN9iV/ISsTdwai9RuBl+BWvWSR5JvlDEJsXX2HaSwTTr9koHGD+\r\ni2zTOefeWpIE+hNMSp5duBHy4Gm9HHTpUc//hNS+3Yw0L3dehAKmNVVls5BN\r\nUFIQBhMFn4UaI8VBtafYrihCAxV1TJzaJmZ2GmqCQdzYBEXSyYRbYIYWImnZ\r\ncI0uLAqfp0+E5tLthRPjtvt5iRH33vG+sdrra6JX3LGYyUoVJezg0oQHeVam\r\nIoClpJAv3sIJ9elWNKbkLQkdx4Pdi2nBFijTzA/Apv6dgeCiCC4WeqSUCU30\r\n8Of1a6zROPzJ9LbfkGUxX0yZL2bKBPEu2wIY3V7jsBiMsPoQZr+x/TFYHyCJ\r\nvCCAIYkLJUo6uYHld3dWygkLv+mf7uAjS+1qyE0jBTncqsudUr1AJ9UY5tK1\r\noNJl2KqyeSY1laWoCtCJTueU+/cfOeV1K0wlONu3FYqgYTST+USsJyx/iRYV\r\nsYo/1Hx8fswawRgJj6KBj6/TIdWI04/9ac3pT83JG65MqsmU5FbBVbESUPR7\r\n+XO9R8rJyQlU0e9cb0DSz3z2AEj4pS5Okofnc+1tFqaUQLEbZ3MZq6nS7Lh1\r\nP9AOcScN7Jmz89Lu7iUe+dMIo5mmGQG9WRU=\r\n=Vjfj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"byte.n","email":"dancingbytes@qq.com"},"directories":{},"maintainers":[{"name":"byte.n","email":"dancingbytes@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/qrcode-vue3_1.4.17_1681990519912_0.9278388286529773"},"_hasShrinkwrap":false},"1.4.18":{"name":"@byte.n/qrcode-vue3","version":"1.4.18","description":"Add a style and an image to your QR code Vue3","main":"lib/index.ts","types":"src/index.d.ts","dependencies":{"@chenfengyuan/vue-qrcode":"^1.0.2","qrcode-generator":"^1.4.3"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.13.0","@typescript-eslint/parser":"^4.13.0","@vue/compiler-sfc":"^3.0.6","canvas":"^2.6.1","clean-webpack-plugin":"^3.0.0","copyfiles":"^2.4.1","eslint":"^7.17.0","eslint-config-prettier":"^7.1.0","eslint-loader":"^4.0.2","eslint-plugin-jest":"^24.1.3","eslint-plugin-prettier":"^3.3.1","html-webpack-plugin":"^4.5.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.0","prettier":"^2.2.1","ts-jest":"^26.4.4","ts-loader":"^8.0.17","typescript":"^4.2.2","vue":"^3.0.11","vue-loader":"^16.1.2","webpack":"^5.24.2","webpack-cli":"^4.5.0","webpack-dev-server":"^3.11.2","webpack-merge":"^5.7.3"},"scripts":{"build":"webpack --mode=production --config webpack.config.build.js && copyfiles -f ./src/*.vue lib","build:dev":"webpack --mode=development --config webpack.config.build.js","test":"jest --passWithNoTests"},"repository":{"type":"git","url":"git+https://github.com/scholtz/qrcode-vue3.git"},"keywords":["qr","qrcode","qr-code","js","qrjs","qrstyling","styling","qrbranding","branding","qrimage","image","qrlogo","logo","design"],"author":{"name":"Ludovit Scholtz","email":"ludovit@scholtz.sk"},"license":"MIT","bugs":{"url":"https://github.com/scholtz/qrcode-vue3/issues"},"homepage":"https://github.com/scholtz/qrcode-vue3","gitHead":"fbb3dcae1031c59fd8baeeb60fa9e76ad118419d","_id":"@byte.n/qrcode-vue3@1.4.18","_nodeVersion":"14.21.1","_npmVersion":"6.14.17","dist":{"integrity":"sha512-L9sn4Vn9Lfo/egQRa2uYtecyPFfESH3UWgcx1XseNaUmrqvXrNpMBJhNP6ZDN+hMAM4BgrokdiB2vH7ng7l1XQ==","shasum":"2be42eb7a1ef6133888735e70f047dc31c5ffb34","tarball":"https://registry.npmjs.org/@byte.n/qrcode-vue3/-/qrcode-vue3-1.4.18.tgz","fileCount":40,"unpackedSize":376264,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdGp5mjn4Uz9GM0epvq5tYLfqHgzavCrhfc6deGw1TvwIgXyUgNEtw8EZDVAlxFLWlJGCdsoo5g8ewim8K+yPTxpU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRPgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDnQ//fX84Mg2lyrv0SbEl5EH6yGvBvt9N+SDjnWR40XiBVuIPVCt0\r\n17iHnULG6qDnb8P+YQ8RlLZ5dguZO3M/EW/bNWdpq4W88eCKj4XMni8ADmaB\r\nRE1tmA8LORwfK5E/d5kcgwiIXTChHTgDKP+CX/HeIsuILSSaEnBxkK7R4Ql7\r\nkiB7bHJi6j3wK6F9l+CPaF1TIbxUc9Y971P5qdaQzSRdGl75lYfz/44ayixs\r\nx/F00zUzShB0MkH1/iD6zQuwsTU3bIs9GdlMLz6AGajlC0dbOi5WdbryPnEt\r\nH3gLyZAin/3hAzaczyna+XvVRzVihU4bR9ZgDb/VEA3iRitnSCf2TYrFdg2O\r\nbKdHndzwG2qSBR0FgYM2flT2W8QSp2Ph6w540CS5rVwZYnuBxMzLL1NXRfUq\r\nIjvnvSj4X8jg+GP4GrjquMYA1uZMxhtLN5x/gnPQpzAU4zMow8H5DGX7aoU5\r\nNrVlokgtg3c8GIkQI7+VU1rUsH0Z5Nic/8IAdbCWwt1wE5loddyn1Ndq+Ctv\r\nPhKET7ZVJTs/HCQ2OEDbq1d52HPBTnwEyYF61bLo7/zrtqO0l0pl21SfGzp9\r\nDr1d7Gi19RnaOhgFiit8dPft8S2f+IWqHUHSMMC6H2KaJXwTq+QAyVQSX9F+\r\nE8KfNZuZKcQHShUZTf+zWjIOfOAJoX34+l8=\r\n=wi88\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"byte.n","email":"dancingbytes@qq.com"},"directories":{},"maintainers":[{"name":"byte.n","email":"dancingbytes@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/qrcode-vue3_1.4.18_1682241546786_0.6143366689663201"},"_hasShrinkwrap":false},"1.4.19":{"name":"@byte.n/qrcode-vue3","version":"1.4.19","description":"Add a style and an image to your QR code Vue3","main":"src/index.ts","types":"src/index.d.ts","dependencies":{"@chenfengyuan/vue-qrcode":"^1.0.2","qrcode-generator":"^1.4.3"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.13.0","@typescript-eslint/parser":"^4.13.0","@vue/compiler-sfc":"^3.0.6","canvas":"^2.6.1","clean-webpack-plugin":"^3.0.0","copyfiles":"^2.4.1","eslint":"^7.17.0","eslint-config-prettier":"^7.1.0","eslint-loader":"^4.0.2","eslint-plugin-jest":"^24.1.3","eslint-plugin-prettier":"^3.3.1","html-webpack-plugin":"^4.5.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.0","prettier":"^2.2.1","ts-jest":"^26.4.4","ts-loader":"^8.0.17","typescript":"^4.2.2","vue":"^3.0.11","vue-loader":"^16.1.2","webpack":"^5.24.2","webpack-cli":"^4.5.0","webpack-dev-server":"^3.11.2","webpack-merge":"^5.7.3"},"scripts":{"build":"webpack --mode=production --config webpack.config.build.js && copyfiles -f ./src/*.vue lib","build:dev":"webpack --mode=development --config webpack.config.build.js","test":"jest --passWithNoTests"},"repository":{"type":"git","url":"git+https://github.com/scholtz/qrcode-vue3.git"},"keywords":["qr","qrcode","qr-code","js","qrjs","qrstyling","styling","qrbranding","branding","qrimage","image","qrlogo","logo","design"],"author":{"name":"Ludovit Scholtz","email":"ludovit@scholtz.sk"},"license":"MIT","bugs":{"url":"https://github.com/scholtz/qrcode-vue3/issues"},"homepage":"https://github.com/scholtz/qrcode-vue3","gitHead":"fbb3dcae1031c59fd8baeeb60fa9e76ad118419d","_id":"@byte.n/qrcode-vue3@1.4.19","_nodeVersion":"14.21.1","_npmVersion":"6.14.17","dist":{"integrity":"sha512-S+35ZlQ7l/aDPyXOdX1zcDB481v2ap6wHCv5iaTIn/rSRtDd8JBxmnHgSx96Xk9PyzBDfu0N4e38ViQVAarufA==","shasum":"57534c5e6e1ab68c71292cd57f0b96811c213435","tarball":"https://registry.npmjs.org/@byte.n/qrcode-vue3/-/qrcode-vue3-1.4.19.tgz","fileCount":40,"unpackedSize":376264,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEY8q9QlJ2p+6vUGsJJXMfHF8KTfhE4LYY2TNbaimW69AiAC39rP1lzQ+ILKMblaNME61pfz6Z726F50WoyuxgCR8A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRPicACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqc2A/+Ovu/vznQvEtJb7H5j4cZ3Oek7/ve1+B9vHAaSndHVZo2NwR0\r\nnTX4D3KRqYDO6ygtcjO2oaRxGuS+73nt+NLcbX9+nu0nKE7YLkykd+hPcOva\r\ngX1tlmCe8pIHSBDgeqebNeEpA9FsIORMWzm4y94JC+hN8celpsnTndwNbTm2\r\ndlGy/gY8ise36TzVIzycdScC6bqLubSbdNzZ+INxRAqoJ+qsUAXju53GcV5v\r\nQ1A/I3yZ2ix3xu14QZhtoJY1fA9HsN04xTPcqQybsgdoLfU/FjtVZqzZFhE9\r\nSKCB/k7pzOan4OcGW+MYadj2jYB1qK3rnOUUGJW0LGC3hfoyX20FvRgHRFrw\r\nDuQEoCqxoOE0bnoBqdEYTGzSP8brsiR6+mTzum4wXBL87CLNjdisXvzG4qPD\r\nYjENgC28Xb+fhBGEVYYlHcDpr2iaRfOmIXk0qnXucBMXENlNu7kiLNoU2OwP\r\n1XkVphfX6EdgZv5PskPuITWZEnex0BcqDtVW5khoOwjLaiOTUcsI7rIPzt9o\r\n9UtIDmSpUbzH7ujhQszpwRfudgAH3rUHWE3wS0kghB/zT4t/yicr5nqOpOSL\r\nouf9JQj4aUL5o5c4ToVTcjx30cT4eZoBlLAti8YO5tUhiOrQLz4rlGOGq5BX\r\nwfw4KEG42mc1RcDWwCkV69WxbMw+btrr8Cw=\r\n=icbd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"byte.n","email":"dancingbytes@qq.com"},"directories":{},"maintainers":[{"name":"byte.n","email":"dancingbytes@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/qrcode-vue3_1.4.19_1682241691901_0.6894467040099359"},"_hasShrinkwrap":false},"1.4.22":{"name":"@byte.n/qrcode-vue3","version":"1.4.22","description":"Add a style and an image to your QR code Vue3","main":"lib/index.js","types":"src/index.d.ts","dependencies":{"@chenfengyuan/vue-qrcode":"^1.0.2","qrcode-generator":"^1.4.3"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^4.13.0","@typescript-eslint/parser":"^4.13.0","@vue/compiler-sfc":"^3.0.6","canvas":"^2.6.1","clean-webpack-plugin":"^3.0.0","copyfiles":"^2.4.1","eslint":"^7.17.0","eslint-config-prettier":"^7.1.0","eslint-loader":"^4.0.2","eslint-plugin-jest":"^24.1.3","eslint-plugin-prettier":"^3.3.1","html-webpack-plugin":"^4.5.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.0","prettier":"^2.2.1","ts-jest":"^26.4.4","ts-loader":"^8.0.17","typescript":"^4.2.2","vue":"^3.0.11","vue-loader":"^16.1.2","webpack":"^5.24.2","webpack-cli":"^4.5.0","webpack-dev-server":"^3.11.2","webpack-merge":"^5.7.3"},"scripts":{"build":"webpack --mode=production --config webpack.config.build.js && copyfiles -f ./src/*.vue lib","build:dev":"webpack --mode=development --config webpack.config.build.js","test":"jest --passWithNoTests"},"repository":{"type":"git","url":"git+https://github.com/scholtz/qrcode-vue3.git"},"keywords":["qr","qrcode","qr-code","js","qrjs","qrstyling","styling","qrbranding","branding","qrimage","image","qrlogo","logo","design"],"author":{"name":"Ludovit Scholtz","email":"ludovit@scholtz.sk"},"license":"MIT","bugs":{"url":"https://github.com/scholtz/qrcode-vue3/issues"},"homepage":"https://github.com/scholtz/qrcode-vue3","gitHead":"fbb3dcae1031c59fd8baeeb60fa9e76ad118419d","_id":"@byte.n/qrcode-vue3@1.4.22","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sAGe2nrvl3KjF4Qe+iJrLrNRrV0ofYKnjT1OSsDBSs+p0C6ISBoLtraqHWTws0QH5AFvIJkYDoUZyN705KG3zw==","shasum":"425a5845e53442c1102dece2519a53ed8db94912","tarball":"https://registry.npmjs.org/@byte.n/qrcode-vue3/-/qrcode-vue3-1.4.22.tgz","fileCount":63,"unpackedSize":771298,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBemcQK7FEjXDIJGSjGFsKlfeaxH3Yfz8pl4dWJ25T7bAiEAgDFws1pjeGaxuTPLDjgqDbdPLv27h42ZHZYT1agQxzM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSSL5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpg+g//eQdiSXY1xSLRzFdTteXbh8R9aKvb2cDtVxOaZjU4G4aexWUT\r\nGdR4VBabURfA4KIpTc7xZawhlqpDlNu16tIouRCsB//ujYoFlgWHbPf+2vM8\r\nZRTp5sN7mZULmSyuapwm9cE+GV8s+K89T/poveiEnEhLCCRqEclN0Z79Lb0T\r\n/71CoqS30cuK+SCKg9QMiAquHWHxanxKUgFJ3EiHUwY30mp2L9RbIn5FmXEX\r\nufek69OVY/jCVnHHmNrvrZ79dCI28AA5syTxIGmSX17dOtv5OCKW7I+3B30S\r\nIoHYVY2q2g6GDf0KmCSXckn17F8w1HibvZnfEv6Wj41VVVwGn3vUI0bjHHeq\r\nwL0cnKCMTmWe6Jt2L9qfiDf0brrlmb8S8PwXe9P6b760dgMBxR6e1L3BGEQY\r\nTM3pQDE/3q3DBtiG3+ds2Jrnw/gfCbnqzWCZuwApe0EEXbUIjcDVxRmhGID+\r\n0CVIw0e+/W6ep32efLOXoF+Xm383AT9D1kWJ3v4R6a/0NAq0Lh2+i/+jZmxQ\r\n4xA2XYvnEimmXKcrf3WbfaFTWoskPOJNQyC/eUtzwEVaj2/UMDa0lU1W2Su4\r\n4HUfbbAh7Oe6UvH2zHzz9Xyf6Gj46KayudfrwHiHumiNTH0yGL8kCM7xvk4w\r\nKvngh1DkWicPHGrPzXJTedE89qrVx0Nqw/0=\r\n=vFwE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"byte.n","email":"dancingbytes@qq.com"},"directories":{},"maintainers":[{"name":"byte.n","email":"dancingbytes@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/qrcode-vue3_1.4.22_1682514681348_0.4771903132333388"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-20T11:35:19.851Z","1.4.17":"2023-04-20T11:35:20.165Z","modified":"2023-04-26T13:11:21.713Z","1.4.18":"2023-04-23T09:19:07.011Z","1.4.19":"2023-04-23T09:21:32.155Z","1.4.22":"2023-04-26T13:11:21.604Z"},"maintainers":[{"name":"byte.n","email":"dancingbytes@qq.com"}],"description":"Add a style and an image to your QR code Vue3","homepage":"https://github.com/scholtz/qrcode-vue3","keywords":["qr","qrcode","qr-code","js","qrjs","qrstyling","styling","qrbranding","branding","qrimage","image","qrlogo","logo","design"],"repository":{"type":"git","url":"git+https://github.com/scholtz/qrcode-vue3.git"},"author":{"name":"Ludovit Scholtz","email":"ludovit@scholtz.sk"},"bugs":{"url":"https://github.com/scholtz/qrcode-vue3/issues"},"license":"MIT","readme":"[![Known Vulnerabilities](https://snyk.io/test/github/scholtz/qrcode-vue3/badge.svg)](https://snyk.io/test/github/scholtz/qrcode-vue3)\r\n\r\n# Vue3 QR Code Styling\r\n\r\n[![Version](https://img.shields.io/npm/v/qrcode-vue3.svg)](https://www.npmjs.org/package/qrcode-vue3)\r\n\r\nJavaScript library for generating QR codes with a logo and styling.\r\n\r\nthis clone copy of https://qr-code-styling.com\r\n\r\nIf you have issues / suggestions / notes / questions, please open an issue or contact me. Let's create a cool library together.\r\n\r\n### Support this project\r\n\r\n<p>Please donate algorand to support this project:</p>\r\n<img src=\"https://scholtz.github.io/wallet/donate.png\" alt=\"Donate\" width=\"240\" height=\"240\" style=\"max-width: 100%;\">\r\n\r\n### Examples\r\n\r\n<p float=\"left\">\r\n<img style=\"display:inline-block\" src=\"https://raw.githubusercontent.com/scholtz/qrcode-vue3/master/src/assets/facebook_example_new.png\" width=\"240\" />\r\n<img style=\"display:inline-block\" src=\"https://raw.githubusercontent.com/scholtz/qrcode-vue3/master/src/assets/qr_code_example.png\" width=\"240\" />\r\n<img style=\"display:inline-block\" src=\"https://raw.githubusercontent.com/scholtz/qrcode-vue3/master/src/assets/telegram_example_new.png\" width=\"240\" />\r\n</p>\r\n\r\n### Installation\r\n\r\n```\r\nnpm install qrcode-vue3 --save\r\n```\r\n\r\n### QR Code Scanner\r\nIf you are looking for QR code reader, see [qrcode-reader-vue3](https://github.com/scholtz/qrcode-reader-vue3/) project\r\n```bash\r\nnpm install --save qrcode-reader-vue3\r\n```\r\n\r\n### Usage\r\n\r\n```HTML\r\n<template>\r\n  <div>\r\n  \r\n   <QRCodeVue3\r\n          value=\"Simple QR code\"\r\n        />\r\n\r\n   <QRCodeVue3\r\n          :width=\"200\"\r\n          :height=\"200\"\r\n          value=\"https://scholtz.sk\"\r\n          :qrOptions=\"{ typeNumber: 0, mode: 'Byte', errorCorrectionLevel: 'H' }\"\r\n          :imageOptions=\"{ hideBackgroundDots: true, imageSize: 0.4, margin: 0 }\"\r\n          :dotsOptions=\"{\r\n            type: 'dots',\r\n            color: '#26249a',\r\n            gradient: {\r\n              type: 'linear',\r\n              rotation: 0,\r\n              colorStops: [\r\n                { offset: 0, color: '#26249a' },\r\n                { offset: 1, color: '#26249a' },\r\n              ],\r\n            },\r\n          }\"\r\n          :backgroundOptions=\"{ color: '#ffffff' }\"\r\n          :cornersSquareOptions=\"{ type: 'dot', color: '#000000' }\"\r\n          :cornersDotOptions=\"{ type: undefined, color: '#000000' }\"\r\n          fileExt=\"png\"\r\n          :download=\"true\"\r\n          myclass=\"my-qur\"\r\n          imgclass=\"img-qr\"\r\n          downloadButton=\"my-button\"\r\n          :downloadOptions=\"{ name: 'vqr', extension: 'png' }\"\r\n        />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport QRCodeVue3 from \"qrcode-vue3\";\r\n\r\nexport default {\r\n  name: 'QRCodeVue3Example',\r\n  components: {\r\n    QRCodeVue3\r\n  },\r\n}\r\n</script>\r\n```\r\n\r\n### API Documentation\r\n\r\n#### VQRCodeStyling instance\r\n\r\n`new VQRCodeStyling(options) => VQRCodeStyling`\r\n\r\n| Param   | Type   | Description |\r\n| ------- | ------ | ----------- |\r\n| options | object | Init object |\r\n\r\n`options` structure\r\n\r\n| Property                | Type   | Default Value | Description                                           |\r\n| ----------------------- | ------ | ------------- | ----------------------------------------------------- |\r\n| width                   | number | `300`         | Size of canvas                                        |\r\n| height                  | number | `300`         | Size of canvas                                        |\r\n| download                | boolean| false         | To endable download button                            |\r\n| myclass                 | string | ''            | Image DIV class                                       |\r\n| imgclass                | string | ''            | Image class                                           |\r\n| downloadButton          | string | ''            | download button class                                 |\r\n| downloadOptions         | object |               | download option name and extension                    |\r\n| value                   | string |               | The date will be encoded to the QR code               |\r\n| image                   | string |               | The image will be copied to the center of the QR code |\r\n| margin                  | number | `0`           | Margin around canvas                                  |\r\n| qrOptions               | object |               | Options will be passed to `qrcode-generator` lib      |\r\n| imageOptions            | object |               | Specific image options, details see below             |\r\n| dotsOptions             | object |               | Dots styling options                                  |\r\n| cornersSquareOptions    | object |               | Square in the corners styling options                 |\r\n| cornersDotOptionsHelper | object |               | Dots in the corners styling options                   |\r\n| backgroundOptions       | object |               | QR background styling options                         |\r\n\r\n`options.qrOptions` structure\r\n\r\n| Property             | Type                                               | Default Value |\r\n| -------------------- | -------------------------------------------------- | ------------- |\r\n| typeNumber           | number (`0 - 40`)                                  | `0`           |\r\n| mode                 | string (`'Numeric' 'Alphanumeric' 'Byte' 'Kanji'`) |\r\n| errorCorrectionLevel | string (`'L' 'M' 'Q' 'H'`)                         | `'Q'`         |\r\n\r\n`options.imageOptions` structure\r\n\r\n| Property           | Type                                    | Default Value | Description                                                                    |\r\n| ------------------ | --------------------------------------- | ------------- | ------------------------------------------------------------------------------ |\r\n| hideBackgroundDots | boolean                                 | `true`        | Hide all dots covered by the image                                             |\r\n| imageSize          | number                                  | `0.4`         | Coefficient of the image size. Not recommended to use ove 0.5. Lower is better |\r\n| margin             | number                                  | `0`           | Margin of the image in px                                                      |\r\n| crossOrigin        | string(`'anonymous' 'use-credentials'`) |               | Set \"anonymous\" if you want to download QR code from other origins.            |\r\n\r\n`options.dotsOptions` structure\r\n\r\n| Property | Type                                                                           | Default Value | Description         |\r\n| -------- | ------------------------------------------------------------------------------ | ------------- | ------------------- |\r\n| color    | string                                                                         | `'#000'`      | Color of QR dots    |\r\n| gradient | object                                                                         |               | Gradient of QR dots |\r\n| type     | string (`'rounded' 'dots' 'classy' 'classy-rounded' 'square' 'extra-rounded'`) | `'square'`    | Style of QR dots    |\r\n\r\n`options.backgroundOptions` structure\r\n\r\n| Property | Type   | Default Value |\r\n| -------- | ------ | ------------- |\r\n| color    | string | `'#fff'`      |\r\n| gradient | object |\r\n\r\n`options.cornersSquareOptions` structure\r\n\r\n| Property | Type                                      | Default Value | Description                |\r\n| -------- | ----------------------------------------- | ------------- | -------------------------- |\r\n| color    | string                                    |               | Color of Corners Square    |\r\n| gradient | object                                    |               | Gradient of Corners Square |\r\n| type     | string (`'dot' 'square' 'extra-rounded'`) |               | Style of Corners Square    |\r\n\r\n`options.cornersDotOptions` structure\r\n\r\n| Property | Type                      | Default Value | Description             |\r\n| -------- | ------------------------- | ------------- | ----------------------- |\r\n| color    | string                    |               | Color of Corners Dot    |\r\n| gradient | object                    |               | Gradient of Corners Dot |\r\n| type     | string (`'dot' 'square'`) |               | Style of Corners Dot    |\r\n\r\nGradient structure\r\n\r\n`options.dotsOptions.gradient`\r\n\r\n`options.backgroundOptions.gradient`\r\n\r\n`options.cornersSquareOptions.gradient`\r\n\r\n`options.cornersDotOptions.gradient`\r\n\r\n| Property   | Type                         | Default Value | Description                                                                            |\r\n| ---------- | ---------------------------- | ------------- | -------------------------------------------------------------------------------------- |\r\n| type       | string (`'linear' 'radial'`) | \"linear\"      | Type of gradient spread                                                                |\r\n| rotation   | number                       | 0             | Rotation of gradient in radians (Math.PI === 180 degrees)                              |\r\n| colorStops | array of objects             |               | Gradient colors. Example `[{ offset: 0, color: 'blue' }, { offset: 1, color: 'red' }]` |\r\n\r\nGradient colorStops structure\r\n\r\n`options.dotsOptions.gradient.colorStops[]`\r\n\r\n`options.backgroundOptions.gradient.colorStops[]`\r\n\r\n`options.cornersSquareOptions.gradient.colorStops[]`\r\n\r\n`options.cornersDotOptions.gradient.colorStops[]`\r\n\r\n| Property | Type             | Default Value | Description                         |\r\n| -------- | ---------------- | ------------- | ----------------------------------- |\r\n| offset   | number (`0 - 1`) |               | Position of color in gradient range |\r\n| color    | string           |               | Color of stop in gradient range     |\r\n\r\n#### VQRCodeStyling methods\r\n\r\n`VQRCodeStyling.append(container) => void`\r\n\r\n| Param     | Type        | Description                                              |\r\n| --------- | ----------- | -------------------------------------------------------- |\r\n| container | DOM element | This container will be used for appending of the QR code |\r\n\r\n`VQRCodeStyling.update(options) => void`\r\n\r\n| Param   | Type   | Description                            |\r\n| ------- | ------ | -------------------------------------- |\r\n| options | object | The same options as for initialization |\r\n\r\n`VQRCodeStyling.download(downloadOptions) => void`\r\n\r\n| Param           | Type   | Description                                            |\r\n| --------------- | ------ | ------------------------------------------------------ |\r\n| downloadOptions | object | Options with extension and name of file (not required) |\r\n\r\n`downloadOptions` structure\r\n\r\n| Property  | Type                           | Default Value | Description                 |\r\n| --------- | ------------------------------ | ------------- | --------------------------- |\r\n| name      | string                         | `'qr'`        | Name of the downloaded file |\r\n| extension | string (`'png' 'jpeg' 'webp'`) | `'png'`       | File extension              |\r\n\r\nif any issue [check](https://github.com/scholtz/qrcode-vue3/issues)\r\n\r\n_also you can buy me a coffee @ [Patreon](https://www.patreon.com/diadal)_\r\n\r\n### License\r\n\r\n[MIT License](https://raw.githubusercontent.com/scholtz/qrcode-vue3/master/LICENSE). Copyright (c) 2021 Diadal Nig\r\n","readmeFilename":"README.md"}