{"_id":"vue-prism-editor","_rev":"29-f5276df2967c990cb8e12631dd8bd3a6","name":"vue-prism-editor","dist-tags":{"latest":"1.3.0","beta":"1.0.1-beta.3","alpha":"2.0.0-alpha.2"},"versions":{"0.0.1":{"name":"vue-prism-editor","version":"0.0.1","description":"A dead simple code editor with syntax highlighting and line numbers.","keywords":["vue","editor","code editor","prism"],"main":"dist/VuePrismEditor.umd.js","module":"dist/VuePrismEditor.common.js","unpkg":"dist/VuePrismEditor.umd.min.js","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --dest site","build:lib":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","lint":"vue-cli-service lint"},"author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.15","@vue/cli-plugin-eslint":"^3.0.0-beta.15","@vue/cli-plugin-pwa":"^3.0.0-beta.15","@vue/cli-service":"^3.0.0-beta.15","@vue/eslint-config-prettier":"^3.0.0-beta.15","prismjs":"^1.15.0","register-service-worker":"^1.5.2","rimraf":"^2.6.2","tailwindcss":"^0.6.5","vue":"^2.5.17","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"gitHead":"20e70e33fa30c7c175212f3243d18d5b13f9b251","_id":"vue-prism-editor@0.0.1","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"dist":{"integrity":"sha512-KWM/kuKmWF/RYju63d3C/RNnkJtFAvd39Ij09z4byjkPBQvGlrLTdmvt2qSKMkMxjQMDu91FkPk629wBOrxXlw==","shasum":"6b90b35cf9a2698db90d6728a81d91154ef29555","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.0.1.tgz","fileCount":26,"unpackedSize":653341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjr+xCRA9TVsSAnZWagAAlBgP/jxD/4e7xgtfV4LmJHy+\nRwPD55ga4ilEaAhbk8AoURC7yyw+X/7WM+dC9DYfnQpGDFxSzjpIL5YbWevb\nWqJuE49JHX3sdpoE/KFi+L3FFw7SJ6exAX5PCJnBcUox91ED6IXUabcwpTSc\nR3R/8gG6pGmmDTPXV6PEUO3o714h2fOMS6eC2vDvCR9udsw/QFgwFa/FYqDO\nnSjVCRHXzFHP+Erav4vkXiYbXoobpIQgXA0lzVjcyIkoKCNjCVy6pl+dIxZR\nNJYS7Hym8HwJWVOWKBn39gkvTD7L9XC7C2QWAyETlFTau+Fyp6ZYoiYI4RgU\ndL8XDImyuaWXj2WC26zZU0RXbtMn+HlT0l8+c/ksn44mZQdmgTlNJtmaKSVL\n2m+D8XvEXjlV/oJOZIQh7FWWDILOnfKqXPqnXNCzQ9AfeoZZChckZ1pTpg/I\nhX7VmqTCNfyOGrmzRdHQ3lfCUH1LxGrfxfXluc9+8qSnTLuPBWBF+KZcke7d\nznz00R7KsAmOC/S9hBUlh67TirYuKYITSfX2CLNwdZEiBKLLtbCunLmRtKr0\n2PyjloCkB2SnHGBnfkl9oR4Sd/0u+a4TC//AVjKd60iBXnDTaeMTti+JRlF0\nssdR8LL8sTDdXuiVfd9BmWGePpIz9ib74xnj/p88zX7BX306aoPD7gA4yHj2\nRaLl\r\n=p1W7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzhRp4cdOxvfKJnrB2wYR/QZEVZgCwT+vKyvHt8AeNxQIgDhoBhYaDVpGBsNuTGqKt1oTk+4LPDy3LibFOmthlc4I="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.0.1_1536081840863_0.8967773645416437"},"_hasShrinkwrap":false},"0.1.0":{"name":"vue-prism-editor","version":"0.1.0","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build:lib":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.15","@vue/cli-plugin-eslint":"^3.0.0-beta.15","@vue/cli-plugin-pwa":"^3.0.0-beta.15","@vue/cli-plugin-unit-jest":"^3.0.3","@vue/cli-service":"^3.0.0-beta.15","@vue/eslint-config-prettier":"^3.0.0-beta.15","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-jest":"^23.0.1","prismjs":"^1.15.0","register-service-worker":"^1.5.2","rimraf":"^2.6.2","tailwindcss":"^0.6.5","vue":"^2.5.17","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHead":"f8f3a083c61c1e3695f406594c1eabd48f51847a","_id":"vue-prism-editor@0.1.0","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"dist":{"integrity":"sha512-pvF08uyithpMbcwPl3LTAfx5DhSCZR/jtzmtHhwxJ91fCoGoqleRKKzb6ocyhcNsCQkKK4vB0KtdpbNu7FbcrQ==","shasum":"cfc13af781bccb5960600a94bf61cb020ac05a87","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.1.0.tgz","fileCount":29,"unpackedSize":700909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbm+U+CRA9TVsSAnZWagAA5JEP/2dR4OQQ7x5YswL3Js+7\nBablgWyIpsjC8XlJ5obK1yg+nKr7mPxmJn6qUxV1KFSSwkYFCd/HJDV5Vsga\nvua32IiedSG4L6A97asVS/2vvqcm4DAGhnyDkw96BgKKXNjOYyLL8LXc8OzM\nAgCgoTS0gxF4XQX5KmUB5SfGruaq9IsNnUXfcbn0z3XMtZuR0kMhZCSrZa5J\nHXlCXEPce/3Re+OZAHK4fId2zWr8Ge1lTIqhHoZ6Cz3MkppJ0vs6Q3auPKYj\nFiHM2mTWL+doe+gBVc/Mav2dTSKZXwSxcxmnH0Iam1cZ0QEMWsITj1Z4CxG9\namy8/CAsBHhW2ALGcZk7gViNiqYQfldwGUwXFCQHIFLG5L9ezbOZrppYdMpy\nTOWOU+YYDWa+aDll1LfYHnH2Drx7UbRAJ4wb9L4B6P64A9fzSjG1vi/K3JJC\niRdpQhQ4GSd45w0XtEetrt0xx6wdOakvNM2zjEef7RdGZkU+Gns1oJ1zZVAF\n/xHTQ/DAfvH/KQBlRdQKh77KrT4+RiIsm1MBIHZ+LwzBBRinkINg7T6PVtzN\ntNhknUL4/JIeftEqHkTcyOht7ChojjnWMHUVf1bcMU93q0JW1v4jRqV2skYn\nvpdvdoYX3jPj9pDejT7nkTBuZXYA1UkwAwF6VfaUwUIvuaxJcdSl8A74o4tO\nkuf7\r\n=AcoL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4TUlcyDD/gDiYy8cUvRmG+llY5F8rKTp3gjid2m+IMQIhAJNmyxNoiq62IBzbiSOZylc17b9RfeG5a+2iQLGq/O3H"}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.1.0_1536943421342_0.7119108320850505"},"_hasShrinkwrap":false},"0.1.1":{"name":"vue-prism-editor","version":"0.1.1","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","publish":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.15","@vue/cli-plugin-eslint":"^3.0.0-beta.15","@vue/cli-plugin-pwa":"^3.0.0-beta.15","@vue/cli-plugin-unit-jest":"^3.0.3","@vue/cli-service":"^3.0.0-beta.15","@vue/eslint-config-prettier":"^3.0.0-beta.15","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-jest":"^23.0.1","prismjs":"^1.15.0","register-service-worker":"^1.5.2","rimraf":"^2.6.2","tailwindcss":"^0.6.5","vue":"^2.5.17","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.1.1","dist":{"shasum":"a2d97165c62276743e848fd5b60873684f8e36ca","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.1.1.tgz","integrity":"sha512-LI1dGKCG2p0JMTZtl6tw74CmxdUI949HpZ48d1YpAhsjzuEmfnaZ+x1VGjMoJpNd9ZYgAHc9U6MlC/PLbQFWLw==","fileCount":36,"unpackedSize":631939,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbm+dCCRA9TVsSAnZWagAAtJ0QAKEOq/qix6zftl8ipEYI\naEWDHjNIrMmkT6c/Hrm/K9XSbtEtRTpB4spdTX5f511sVEFtSzWIV2tquJjP\nR249SrGQZ7l7bWujxyWIjOTOkpBIWswKwFrIbVIwcvybrXRA9d+Boo0jaghe\nWvjrGIPO38vKQK0NqUhlYQ1mR3vRGxFBpTNBK/Z32HrmDhhFth13hexavtr5\nylshUz+ttCiLJ3/j2VP5FzOsdXj+r97T1Xr+GlrMq5tPbsfCHfJeYaqoyA09\nORSvo4sLEoxKn+wpE5Z3NhzPp6qChwF7bn73kWRz4fkmWcf7GmQcFBFbjF7f\neGpzYL4ztHVvckAp1s/ovSvs/vRfFGsM9I4JFNNL3bCwbFdvrAUCdz8jZlpS\n2ZXuwrLuOUrva4pOakkc5TM/R5Lbi0Z0zStsqz22ZK/NAqioLrEV4dmYUnkQ\nXDVnYhWqqRCQwbtHeKNcUyYcVn+bKmwCyQ4bx7tK8S5NiBNXgUShsjFCoXDZ\n5FY1lPduu46o3j80REiZCgz7jFtq3HF7T6knHRG8dJe1ZwcmVOqNCx/424W0\nZDk71VH1499cop9cXPzVD5vRIL5GmGR6Inp4pFrzL+B+7f+yt/gvovnUEncx\nw+w+zbuP4b7vE3Iy7DXkdD5plS5n06uvogGC36ouUubD/CJLWX31wNkdFR0+\n7Z8s\r\n=WCPm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC69FLNud9xHl3W4li35vOclDMeLqNW4zWYi4anUdMDAAiEAioZtL/EjgffUs/XE8yXhS2pzuf+4smgu31qPohUcQ3I="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.1.1_1536943937846_0.28091716174074"},"_hasShrinkwrap":false},"0.1.2":{"name":"vue-prism-editor","version":"0.1.2","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0-beta.15","@vue/cli-plugin-eslint":"^3.0.0-beta.15","@vue/cli-plugin-pwa":"^3.0.0-beta.15","@vue/cli-plugin-unit-jest":"^3.0.3","@vue/cli-service":"^3.0.0-beta.15","@vue/eslint-config-prettier":"^3.0.0-beta.15","@vue/test-utils":"^1.0.0-beta.20","babel-core":"7.0.0-bridge.0","babel-jest":"^23.0.1","prismjs":"^1.15.0","register-service-worker":"^1.5.2","rimraf":"^2.6.2","tailwindcss":"^0.6.5","vue":"^2.5.17","vue-template-compiler":"^2.5.16"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHead":"e3c412b06d4f01f3bd1da06645ccc1f6544f3404","_id":"vue-prism-editor@0.1.2","_npmVersion":"6.1.0","_nodeVersion":"8.11.1","_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"dist":{"integrity":"sha512-2QDn55DPOW8fHRJt+MbVlts9IdaAi1lGFrE10YgxP6ZcfNh91WXH+/Uk8J/Ejz8WlnCYV3LLLNzE83IV31fGlw==","shasum":"96cb6cdbd13414bce92d4cf0f9381a99453e8368","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.1.2.tgz","fileCount":33,"unpackedSize":1018882,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbnB8mCRA9TVsSAnZWagAAnwMP/it9s9fil3yP1aDRl9ii\nYkl3SKQznqaN042c6SabEDWt6spkhC3GkLyVxBGyhXgQuSuutcwKxxAnwEu8\nOthLx06W8hNGwKl4v4yjY86/ha+37GNEOvR33xLK507WKm3ILjBGBKm8j66I\noSuOVVMGAK2PrVKEh3gvfsoWrtmrf1e7KEfESEAisXlxYMIuJb+Ns/hxGkgV\nswXdl/hxm2WHpqOAQBcePyfXh0elmECMdzBidEwiuabkuG2m8Lfuskqb3ySb\njoGm6GLO6J9SMMIY3jmuQm6WgBAxG8FmT8DN9RxzRoKqSkQljAD+nCJTJuC8\nRjlJP0LgUNiToNq1tc7dNUzr58k19xL9hs2LsDS4Retirv5Seb7Ky7JZLQDK\n09iwqaBi0HURrcloIAA2TcxrLbiojm+hwmHhGE6Bs659KuVrrredln48l2gG\nq0xNR8ckFG0Glp3016xJZ5CoS3NynYXK9np7A0RPDV1aPOdF9cNp8KHTrOQG\nfzIuzwdEDKrhkTZHBYA/sM5aNjxVM/xQuUvs94YVqaJa3I3qhIafeCOOZ5LR\nGnsClK8l99MFJGEnC79ZYNLkI8jRbvi8LlZcBWiBYl8xodz0hQHyxt5FaINH\nMijYXn0llsoCsjzvwP5O8gyo7eI5BA+owI/p2SaFpv2yOEaDfr719h4FJ2Yg\nI6E4\r\n=/0DC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFglssI/eNHU1wm8WiSj+sq1tEz+xPK7eykUTqIvb0mAIhALJcub4SOo9pJ+NxzLxgKaPKJ2B38HWZF0TU/LllKJ2B"}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.1.2_1536958245973_0.38788019375661587"},"_hasShrinkwrap":false},"0.2.0":{"name":"vue-prism-editor","version":"0.2.0","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.2.0","dist":{"shasum":"6b8df51d5896c888017ac8bf92212bfd4022b371","integrity":"sha512-bvj0v5qhCvAVHVGRERuyC6UO5JZzBWFGih3u3ARjmQJUK1j6MQW0EEU9MFg/asNUlrBHkACqbyInTvuCDloQVg==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.2.0.tgz","fileCount":43,"unpackedSize":406618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcxKTNCRA9TVsSAnZWagAA5IAP/3+XdoCqrZ/rr989QgeX\nvdeIyobcqbj6TvZpsVFV6W4nVLXU71MlR5BGe/b7oMIBXbjU1rwsQRv0HkTV\nAzFZxLxGNYUWKWMn09xLNmbZzeZt+DUE0DnAXBwoF3QYf1un2OFfGXkjSMPS\n403t3UDBZpNyJsoaAbE5UroG3baDI694je4iUVVBYdrB8Jicow9h2yR0dX7Z\nFQHI/bbtgurrsdOwbpK5a64ngEcEzjOemNblGQqJqTl3Kk6Ix1623zZMAih5\n0f3QSqZELMouQCoxcvsj7dC0MY0og/YXKkiquIGfb4eEy3yN/N+S4BCALfL2\n5ytsWA4J1Il5tm843RkKbhHkV2K0vb+tBVFd2MqA4niSFEMbYzMzh+/2LalQ\n+OoyWWeQY5ZxXfXQ/xAJI60Bu3Ifx3WYEgqY/GCrvnIdSji38MIOgQEQQhGb\nU4eWkUAxKWeAL4jH5TuL2drExriauN3DkISx0RZldKzfzEaNHzqfRDasXG1t\nvWulk1YTI/CMdYKxJtXq3x50pF4fkoeeCRNO86q6udfozx9Azx/PEwh/DEEY\nq0TIaX+74X3Lh78YTVo2yeTis9O1AJZ2tpFvRPAe1Cwixb2f9XaE/iQY/76U\nIxkOq1PtY2GtCTrSBaZW6voUkVMsHlcd/DE2XXjqCgWNSK/L9rvXfXyXa/9u\nVxxL\r\n=9uNd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmZ+D7eNOWh06e8DHUYhnOsC67Ki2gYw3QWXbU5waNUQIhAKEgdsOz4x6bO6OVTOBJcnc9wup9cF5aSRtD5RSj4YdX"}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.2.0_1556391116451_0.4054147576340499"},"_hasShrinkwrap":false},"0.2.1":{"name":"vue-prism-editor","version":"0.2.1","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.2.1","dist":{"shasum":"e7fbe12610adfa0ed5045a52b363d9185a10565a","integrity":"sha512-8hyO9TwH9dZFws8f6+9tKT3ag3B5eK5MJu8cI1QFTYFNJKKz8Hymbr/aVMBYIQrNsZJmlxJxKKR/GiF5s88dPg==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.2.1.tgz","fileCount":45,"unpackedSize":477193,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcxX4vCRA9TVsSAnZWagAAeoMQAJYUWzQyGa1nBE0q/i0w\nFc9qjr4s04+sIituVBN0Eg3BFmBjSzGkW6FzzJGVAdW4bht2/c5wew5gR4KV\nucUk3GVnUUm9JYFJM1zLFs2YwUdnbwK6RXPQOndtScqi19KZEA2V/pgx60WH\n16lxyICNZd5oSgzHAYrtXsblJSf3l2FqqKx1WVDBY/9SUQGFR0WdpqFE2VNt\n7l8cB3W+33CdkVnPZNR07oZ4t4AUrDzeIR/sewka+aRC8KklbMSeHSnV0+Yn\nWbfEVLT1EWckScndpyJvTsa3jzZgTRgbP3vTNHzT+ZTm915A0Us3YH1wKK30\n/5B3s4sxlhqQG2VHfPppUQkOjnx+qBN6HBMn5T9ncgS7CbAjxCiOqUxeuxl/\nlfgbQbS8dWT9yKf7zKi7kAplv9kv6O1+k3FKC/7aCPI26k82w9GIjvmnHvQ7\nZ7oOHtA1cerA/BR46xiT2Rs5s2HwNGyqRvWYAmMMTymcY3Zzkgyl7Kt3acSL\ncL2IgJYH0HwBPYHCoHMXcItqy4h2WB1NS6zR16ROEGI8MG0OHoGIXMEd9uOR\nJKycYGu0jcamGGn0M4m4C/RvE3fc4MWC721IqVAJxnR/89YqSZX/R0TpKDCC\nLENj97zzFjPD9WNFA7pKHQlq2N9kbvw9GET6mA01CxddKgh+LWNFMgcFBruq\nS+gr\r\n=dBYj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDTN9CzSEptiznj3745EmZlF5mwG2W9JkxZlRPAKWjCgIgEFsomX/jbZ1tSoEJHxC/Zvj3Qcs247IFXrfKMv8yJM8="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.2.1_1556446766669_0.34158325733636374"},"_hasShrinkwrap":false},"0.3.0":{"name":"vue-prism-editor","version":"0.3.0","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"gitHead":"1a1633d062b12b72e41e22a991bd5168a34643ed","_id":"vue-prism-editor@0.3.0","_nodeVersion":"10.11.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-yNSuwql/xHMJrWghn/OhZ5WPBKdhx7FkvFjgq2uDm99jHSJhuGwhcgPyuoGzpm6w8DRDzi85lgerKCu8DTDWWg==","shasum":"8ff2c3acb3a7de5b5fe98c0b8501bfccccb1c295","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.3.0.tgz","fileCount":35,"unpackedSize":982131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQHMiCRA9TVsSAnZWagAAXWYQAJjpGRT7/+4kAdFY4zdX\nNhbI/I3NAfOPUMv043DePXVpMThTOeziJnHLEgmDI56fO9ir1YgnzWgALVFO\nasE2HDaJOCWeJAF+NXKjXm3hs2AC243URrTL/F6dHy0gn/thMtrORXElz07A\nFOaf6OwGzYxTV/uMY9CtSmugAOLYUHBFqlgJ9nVHaVW399TgRe2cNbInVj2U\n+/u3drIZrqqn1DVNRldLnzXeZ9XbRl89eVWJNgpgc8rVjo8XmJvGxKCZvwMb\n/LoBykgl1wmPPHxi1pJiGstjXNLqcYoXQPVfYuWpGk+OzLEhx6e6hQErMXCv\n6+x8DulTDs5TitsZSJDHPf/Bif5tnBORYsVnnkDNMB0mPZ+wLv4TwJNoze+V\nC5JcYRJEM4Msg/r7ZOqrpNPqKc6xU7Fax7KMHpvYKs5uvGU94tLwRfguZ1fp\naruhmC6DKlRNSgwrEMLtOPOofjCKA+omkYvzyAHHUZ27vmy159dV6YQD//QR\naB2pMcej9ShEARpkWZmj+OxLowAdslK+zMn8JVZqxBi1I8I+ZQ4ejlSGVVXL\nwBexEWdK8+KbPznz0rICTGQq/Oe/zT4XufJEc4LRjz6sS3BNBl8I7rhildHn\n7jxDFCO8nFhROwxGXTbrROjrGK89ly5s4SxOlX3AR8ll2BqlJa8T4ZYaRMgy\ny4oZ\r\n=SFs3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHMU6YdYl1zIamdWqxzpYPb2t9wmG0U9uZWE58yJ7+7wAiAzq7hjEfIeSMr5oGShb0wUY185XQu6F7B5uRzTkhQKYA=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.3.0_1564504866210_0.11302333035712175"},"_hasShrinkwrap":false},"0.4.0":{"name":"vue-prism-editor","version":"0.4.0","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.4.0","dist":{"shasum":"1c224e8938b3693eafc176f1811ce1c382b8a135","integrity":"sha512-dEdZgAfnJdGwaplU2EjIuNHak4VzquX0tYuh6RuFm2N9roHfM3crgRuyX0Af2C5eDgtjsdRI/d2C9D4z1Aea8g==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.4.0.tgz","fileCount":46,"unpackedSize":523240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaNpCRA9TVsSAnZWagAACjcP/j4Mvn8qdpJiU93SznES\n8guImSvohaQPU2JUlCELm/A470aOsiVwTmwcb9oA/ZjohtODNdL98QFKXwzO\nWkZwpLhQhfXaZ6mSu7PS4KS6CjSh4cpPbZ7p4umsUJgzSDq8PIulxyoT/zm0\n9Zlw1S9iLsOEaKvWVp7sckhfZzxat0dpKPpX/ji4/dPLutpdosC75e+jxJ8l\ngtJL6gM8GNbclZ2qCOrk7fp7uULQcAMAvKSNPRW8og+q7ZkRvA2ZBsat/L9k\nKPv8dGVj105dV7S8neCuUDcppId8h7AScQXsHqSfbLOke4hxNQPsitg/BlJD\nNHy46eJuuJnx8nPjHJ6QB1oJ2UjZrSuH2DsQ5/6ra9tdfN1xHe5V8rU+CkWm\nvgrpNQ5CI3RESSDYA0frfMu7NTjCKhlUTg7Ui7L1AaCEuf3eJ1wc4XpMfMbX\nSX/lR/eS0jV4fZY/quq8ibEp5vOaCLoZEnuqJGM6YtwlALHYjGi620yz0d/3\nnsvaGO7qqjdG2PZWa5jMJ7T66IeObZ0XjXNQQKNYYV9MICsYfQOIaX6qF7aa\n9hUQoeO5Jx5VXZsPXkNN43ZBJskaCSC08VwVSeJpmY4jBvTay6aD8lZMfizJ\nxBvumiGOp06jTJvWLazxl8uEIWEA+8PLF/iJvoNHAExQxPuf3NC2oCf7jJAp\nqDSK\r\n=JBiO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLyhYeso9MBroNUyg/X+f+UVXLFd3mDP/8G92CIJnwYgIgG584r+/amqxZIr7njxQ1a8Dcox509pmLv0hDVP9Ew3c="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.4.0_1581359976798_0.2881571061305481"},"_hasShrinkwrap":false},"0.4.1":{"name":"vue-prism-editor","version":"0.4.1","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.4.1","dist":{"shasum":"f78d967352f3a36155bb0796455f0996d5e5f9d6","integrity":"sha512-0h9AXBUTWgX84uaVT22H9Bd3qqcEo3ITi3F6ihzu74lGWj/t93xGbnIGsLz8YYnbtox65Jwd58hKevWQVq1QYQ==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.4.1.tgz","fileCount":46,"unpackedSize":523240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaPXCRA9TVsSAnZWagAAKqUP/ieQ9USQ6RQCc95S5d7Z\ndM8FHwHXzSMfuqIiU5urilq3cnkiGqQ6Q9IdgrhSaeNESIZDpCt98+fBgqaF\nY6/z6SvbzFNj4UH+tV1dFQuJ5TGQbcGpkkyH6qx19l5yHsOCAEX5Tn1TutBP\nk6W/BJdTnQIUy4RnSXrqT9s45fVtRPVXHx4J5VwAWQhRSHuu1P+6X7tiqrWd\nMZQwDaET4vmjcb+UazE51SZr9/32NGwFy4wDPJsqn+noB8YHEeV4RTJPeAUw\nqdmMgNMXT2O7nQhoKhdxFchtGz6AsIIHQHwgzeAOlnk41hhJc0O7kKz3eVo1\nTfTSVRuBsK+X2N4UHlElHHEBqPSzr2LFb96I1krPK8fXfjr8bvDT7v+3GZgC\nSK2hFAPGyrcfMqWlApoIRYNgC2L9Z5vrxqv779fn74rZBAsR3v5akPNnIwsg\nc0A+VmpX4puxrh+YyrOpXWOM19yrG2nuIIMEWxJCn1xPjeghggVWf79/ItWC\n4SD5t84mcEdJAoiAtizFFgY4WBUxwVjHMFTfVNdKVNmixR9Bs2AqqbH+Rbm2\nyHdjcWjDiVL2vKaFBVP3+e0QiYdaXAccKGcIjEn2pz/FFqA91bJGqTIQmqiQ\n0nkI5O3vezloHV0hFltsXj6bgvO6eFjYGCw5l4zjMC+uUXYMEdK9nguRd9sL\n8aAU\r\n=4gor\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2E3c1ZCLHyjyCLGaRZCyCYxmt5AWO3/NAju2ClrWxeAiBvXjVOKafb3SW4r0eoNnAUTYANdOsAAaexuyBaYzikKA=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.4.1_1581360086905_0.8045934205166907"},"_hasShrinkwrap":false},"0.4.2":{"name":"vue-prism-editor","version":"0.4.2","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.4.2","dist":{"shasum":"b0db9b215bea8d596331748bff1ea74583af183d","integrity":"sha512-FrJcs7R4D+a/12BMlxyiu9WGzRHslz3FWGtgBct8XyLqmrFrw225P802GL28Oh22kbPBsF2nglGzqCZtYpllUg==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.4.2.tgz","fileCount":46,"unpackedSize":523240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaUdCRA9TVsSAnZWagAAd9kP/2IuwNpPgLz8bAbthPSF\n6BpUV+Uf+AQrP4TR0znNpceQ7qrOSi2OQIKXfVvt8Nj1SQAV4ZHHxspidSEn\nWfxhZTK/+TA4dE9T/iaGSxBfamcyxjJ52/Dd8xP94ILxjBqJWmsg76+PbhWx\nGz9sgFz0k5y7YGG1v3RilGGM8l+a5WMiBDHMnD+nMA2o5UTKabqSJYiUYjOu\nZ4YTBdJ/VXeBb4+KIv5jYuP/QMBDmjMjC0bXljsd/4zRd64+QPR0wICBEank\nMTXaOifbj5Nn2uS9ADe1JSI6/RrUKN06DV443oUEBFlQQIF/x5M9xgAkvwDw\n4fUqatcNN4r4dGeQTsNmn08MhRK7qLlZL1uk99nuTP5KbsS0r3e6UdF1KMUE\nVAqb929Z6+LACuUkNxLx4kEkXOZLKiAlFPBb57ht9X9zEhGajQRaJh9cHxov\nKNg5SfPKBhX/2q0wIUDsMQJlThiduSV9L70q8SgjLvdaK0O4TgZFpJJdNt5v\n3Fev6XXmeeggdniJz9MzO3BXMJz+YnNBNVKeoVp3a6wHr+P25Xx1ywMhx6oH\nRzDxS6sDgw2zrJQxdodkfFnrCH/ahhdyS6NI7zGt6kcnfdARjreLGxy/9860\nBcTS23XROu0XqkH2Mb0YRa6J/1mLdWcSGY4v0KVGj1mOnS1L/TjcVFQsC4wy\nSkbw\r\n=EDPt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB+1VJjkkq4Fd0ii7h/7szFc3uFXMWHRsCoZl2e7RMQrAiEAmhUbNRQyWwra3jxltfvlkckOV/6F6DRzx/DOm81gL8c="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.4.2_1581360412962_0.627564198763308"},"_hasShrinkwrap":false},"0.4.3":{"name":"vue-prism-editor","version":"0.4.3","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"gitHead":"8ee48b57f485fc7cf1be7c87f19c8278c43cab31","_id":"vue-prism-editor@0.4.3","_nodeVersion":"10.11.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7TfShTulFRLR89Uksmww2GlSU7W+mfsLuxPn9xJentdXFnBE1t0dmJRhBJ0SVTJowC7R+EkdkYGA6zr+x2EreA==","shasum":"4241a27ff4914c697eec85845863f04ef24ba311","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.4.3.tgz","fileCount":36,"unpackedSize":987728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQacvCRA9TVsSAnZWagAAdaIP/jwXqKiUTgO40/Hp0+3H\n1OLdHUcKxpnBACBXjbzqUagVzD/G4i1rn1Wz3GNPBidg+YYAyTGSuVx6REk+\nauIXYDUU7gFPoaZa8WMdCpqwlzNgZPs0Iy5hueeXs8N1ejdmDuzf2q6Rv+iM\ngFX8FO7IiygQCBHQQ+7ATbnqKo1RkZfuZIj+pNmATDY16iNRt0A2ITUQlyw9\n2Zb5rNmtlb5Pe+l4NT28S6CosvH6PgdjxUZdYX+c1e1rRnRH4uefP/b7pIco\nOKH2DT1dP5pEDBmtEMUUiuwsrxKHS1zOVl00uYRLcvV7ENYNhwSFwhX6iq6R\nTPi3sWsRbEpFjP5Ysk25jEseyIO57i+4+fxDjF8CKwyQWG1J5b5tW1cyNJGV\npJJKWD+6k17n0ubv4Mwfbd8IrqHsLkhMEv9Vdg0mSn3dt2Vyk68wYU+NSl5e\nzPFPM8+nUuJu9MolC4I/Cc/aM+tqpmBj/S4KweNFUQxFj6b38HjnORVUy/mf\nfh2nMNjqWS3KV/8O52YiLZeb506mxbK0ya6pNEbnE4LHEuVOjnrOq52gO6ZB\nMNhPa1Pw1nh8g+RTtfgiDpvfDOZTQv+/GNT+4fAglw6TmVd8Y58o2UVNvzYc\nHrGcblcJdPhJr4LE9DbBQnKkVn+25O8cvuh+6dfpSi0wvcsExkeaXk/QH+Wf\nlxJY\r\n=BN6G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyN0belVXbrB90qWKjDOotKdZLvAxsOTnTobBkpqh7oAiEAssBTvYAKBTb30JsPasQ3z/YVGa+Y0K6x2rGfJRzJr8o="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.4.3_1581360942621_0.8794306185695291"},"_hasShrinkwrap":false},"0.5.0":{"name":"vue-prism-editor","version":"0.5.0","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"gitHead":"4bd197d3f0f895ec177f27881c06c97d746d590d","_id":"vue-prism-editor@0.5.0","_nodeVersion":"10.11.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Txx6bM3TBK22mkTCyogyc783PAwwEGCq+eVYnylvTgQBDoBS8pWT334p2B6XTQB97ckPZYozrhMuZfHX8wJGdA==","shasum":"efbab5be2fc67ec4835f6082a1509bfb11adb8b7","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.5.0.tgz","fileCount":39,"unpackedSize":644366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeR+O7CRA9TVsSAnZWagAArmkP/AzhGvAaZrzZ8BFCcPXf\nwMeqhwraU+4zNxLz0SPmoODLWAukwyo1Ryavh2spZq1/0Cif0+DAATGUdYS9\n99rEa1yC1Cd/ZKruhfE7JLLwAXojzAWgjuMpl4ZIkZ1mYIfGhc77goWMWJ2H\nxToz4HvqfwRxXwpqri8WGedVQ5N+Pvm71aFZjQp6zRX8oMJiTSbgp3ANryHo\n3TKRRmM6sChGTXhYMZpDB1T/BROKsgrHZDoX+7i3C7wuoyUHtOGRt0yUAeA5\nZdXHTGJXqiMwLoEX3He3NTJNx4Wf5ZKS5BP2Umuqv5qVyLWseDyK5aGBJxKm\nCL4F5cpd3xKV/GoPJk2o3n/Q9IsGoE5Fff657vaIdBnOb/jwe8mxVNrne8hC\noz5C6jko5/gvMCZgL+6lltrB8S6C1vh+95NVEmw962lL9xWxZQegy17j8nfi\nIx0FCiK6c2DmfnTvIOU4mrF20vFvnl1ibXiATpwKj6cQSKoiI8epIwnTt5rj\nilfBUkMBgIPrpdcpA28HpEwjkzzO7S2IWAhaRudaKEhxe012QyqJ4+s/9/vq\nn0bFhcS1zp94TLTSHbEZXVEbhHWX/H4ZCMisOqCZK5Udoyj7jMwSliYw1Pyh\nvYXDAXJkSEUMO14IjIrstp0Wq9IJfHhN3x6jETzJumIcwGLvmBc8Ylv9v24w\nN4RU\r\n=zAlX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICsyj0opH6mRj+xvXgE8wQ6LtSUAx4AvTKJ0M59NTv27AiAtSLq0rZTpdQ+ps6phFTHfrSc9OBpcHKMQ7Cz2/qgtOQ=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.5.0_1581769658900_0.0034831309793463827"},"_hasShrinkwrap":false},"0.5.1":{"name":"vue-prism-editor","version":"0.5.1","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.5.1","dist":{"shasum":"7f3b2eef680c81cb77e1cf0402d62066307e2725","integrity":"sha512-8RBDhfbjAaVXTmIbSwv215QdhAiXKEK6dyjf6HP0dnLnR/2jrsJCatX/ubHqHrvpfPzacUBU+w6Qms1Gf01YkA==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.5.1.tgz","fileCount":51,"unpackedSize":561596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeR+cPCRA9TVsSAnZWagAAslEP/iQODXmLK9WUscVEzkFW\n/hNaDVMghVwPRxDD5pks+XVVZidrIEX3tsxX6zLj/Xe+2n4Bjr8L3L7zT0Uh\nAeo45dDf0h4PrS4cbd4M1oVHJiuItzP/AWRPFRLxOirRyRqeo90oyWV4Nyn0\nJ2NRz1SwdO6PSmsWoKTfB+Sk4y8rbPVnjrurePLdGV8lPUM2xl4fvbmlAGhZ\n+0cnzS/8hOUH/QdIY6U8jbFZ/fp/38XCUf3PdOQBTQFhO9LUQGHzlPxORqgM\n3TTk4s35DMW0riesL0qt/f6ZTaA/wTUx5Vfoq31nWPQSau4AQ7YuY9PjfAJm\n68Iv+QdvM3Gsfm3xNiU2PqeuM+uc50j7XCkHjha10NXq98GTmJ0RM4efTXjc\nFm7o+5MUNPVFQdPJZKroBQYgVrrbONP4kNGYfqYgd3mx/myszEjhB9ky3dYO\nB20vk063+xSZaVUMQkGyuh/oDYLG38KfyPcdUmY65Fs3RBZUKn73YB09tdKU\npXUkggdw/8MADp5bGYQoR8Z33oApnwpoeaTKgWVneuICcTGOqSXVUdjXmr9L\nba4FwIZOZIwE8MlKwTzrPd+xhbCzYo8iXWmrSXoE/XekSxEEgjBdJ2DUsh1I\nN/NDttcpmp6fJaASEEzQI74DJwnDy2S28eB+k8er/ndGF4FvgvB4Wn4X31Qu\nOcp4\r\n=ABdz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9wrn/6kdj9buW++fpHvuDWxJnv8opFmETFUuS2vlJkgIgV2IN1OoC6+B3aBm1A0to6IRiAsSKo/J6Js9CheIW8wg="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.5.1_1581770510759_0.42910354423662356"},"_hasShrinkwrap":false},"0.6.0":{"name":"vue-prism-editor","version":"0.6.0","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.6.0","dist":{"shasum":"6793f37e6e33e1420f7af7c9da7cc59fd388b5a8","integrity":"sha512-ASFx93FAMSuXUHA8orwfJ05XUw+uw/ERAyyiy3q+f5uh3D9njwwCaZtdhjAwDTFesQbPvbdbOr5IYJfO9fVfMA==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.6.0.tgz","fileCount":74,"unpackedSize":619632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepZ5GCRA9TVsSAnZWagAALHMP/291SB65r8zsbK4iVRz6\nMuTKbKB3ryLvvBpe06XJUK6+PG36Ap+2QUCseRotWkB7V+Uu7lXdFdPfXSYL\nSStzrE3Qqyp0mHdIHiHGVI5VkVdui7fLJoIVngmtoh5OkQU83mmtMEpHSdpb\n3Eh8aD4PkKDZ//Q/cg0ay1po8V773o20K2nuxCe+wxgvqEM+/2rKeQgc4WUv\ng2hkZJhponRh45VLzvSBGXALW9+NyvN1XNT5seQdEwgEjn/m/IrfPTaooXTn\n4giUAejXqXotTJeZY66IC8qPQKXZrQqu9EGX8UP/B4O2jzU33ms0/qhce/F/\nFGSNUqs+28YsumoXeFxB5xSKC58EVhOfNDq4t+ha0+6hudLLAVZZZ6yqBPoJ\nCjcSKwEHeMzgJzjePRUfc5BGi4/lWw5I1XM4WgnVBDcp2ebIwU8JL9LunAcr\nEMp6yGe+uMdDm+rEUj4JKOcGHF0sfCxrE2NpEIUc+Q8q1yV+s0pbHy6yjdRr\ndLlHQJGjfsmQWm6u/S9QrsBsN7zhMvk4DmrvWKvfnWATbvM248+CWottqsKz\n592l3LBJsmyzNby/02M2F8DdBOKvW4OYERjVT86GPAy5yuEpqeBUk+epOeul\nLngJfEvcoq0JxrzQcN9GmkFjQHS3wInyjWKPuX19BQMP/CCeav7Xcy5EF+8h\nvabo\r\n=Oa8F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlIOPzcyShHwVqpJAUV1xfNavI6kgB0gdlPotzTlawxgIgcTURks5fGsP4+VDihaxv2zFxe/LcMI25taxLxGB2SWA="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.6.0_1587912259735_0.9954942199502319"},"_hasShrinkwrap":false},"0.6.1":{"name":"vue-prism-editor","version":"0.6.1","scripts":{"serve":"vue-cli-service serve","build:site":"vue-cli-service build --dest site","lint":"vue-cli-service lint","build":"vue-cli-service build --target lib --name VuePrismEditor ./src/components/Editor.vue && rimraf dist/demo.html","test:unit":"vue-cli-service test:unit","test:unit:cov":"npm run lint && npm run test:unit -- --coverage","publish-pkg":"npm run build && npm publish"},"dependencies":{"dom-iterator":"^1.0.0","escape-html":"^1.0.3","unescape":"^1.0.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.6.0","@vue/cli-plugin-eslint":"^3.6.0","@vue/cli-plugin-unit-jest":"^3.6.3","@vue/cli-service":"^3.6.0","@vue/eslint-config-prettier":"^4.0.1","@vue/test-utils":"^1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-jest":"^24.7.1","lint-staged":"^8.1.5","prismjs":"^1.15.0","rimraf":"^2.6.3","tailwindcss":"^0.6.5","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"unpkg":"dist/VuePrismEditor.umd.min.js","module":"dist/VuePrismEditor.common.js","main":"dist/VuePrismEditor.umd.js","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"homepage":"https://github.com/koca/vue-prism-editor#readme","license":"MIT","keywords":["vue","editor","code editor","prism"],"description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"linters":{"*.js":["vue-cli-service lint","git add"],"*.vue":["vue-cli-service lint","git add"]},"ignore":["dist/*"]},"licenseText":"The MIT License (MIT)\n\nCopyright (c) Mesut Koca <imesutkoca@gmail.com> (https://mesutkoca.com)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"vue-prism-editor@0.6.1","dist":{"shasum":"e7c5ed39eecd798d2b4a3a6864985e90ed1f0c00","integrity":"sha512-UyFLZ242eAplU0C1Tx/ZHSKFTPODQDMBuW9qqgMJyZqHFL2iuIbfT8EWmKtoNUn8w9VWS9IIicPs2odz2eni4Q==","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-0.6.1.tgz","fileCount":71,"unpackedSize":600295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepZ9UCRA9TVsSAnZWagAABcMP/jBnEntmVm2jClLMncc8\nPjxha2+b0khF44JEsfjF0S0RK6gQXlWHT0aK1rRAtcRkw4fXO9lFwpZ5iYTF\nBmtg2vZtreUljqWjkkF06lNXu4zElKgXyiR36UCXe79OCe4tJkJe2U8/E7O/\ne5sRNx/dMLbrf/+ZG9flY+8RzQWYZeRJmosbb/GAaqhgQ68pLyMIj1mIUgVq\nQf1pVb4G1sW40vJWU0jPUev22f1tYACkYumzMblC7YYZSXbzRr84er+PE5vF\n0CmL9XeFBxgOkRnJXhhde82kdHMYACNLgtoF2MuUS/4TEmVt3LyIeQDygTGV\ngXG4Clw60iJnhjHw6w1S1Lg3mowwOe3Ke3efemd94nD7rGsVUlIX5THTvzei\ntwVS6ZX+SzsV+PYIJfof5Op4nItIscVm0q0qVsgvgxoIQi7yaLCT2e9qoH7/\nWesyeO8GzleOe3sEgdV9BwvVe3Jc/zbJdoqC46BZXrDqzV9/KuIJZvwn/Qnh\njGE2oIpMEdlowWFGNaTvyVUxtsay2GbGGS5gEVbbuuYvERDTWC9JlIw5BOqc\nPrkp01/oUhmolR0FcCB047G3AOW1keIi4MwjNov1/1lrGKrK72+nI2FGr7Au\nW02UxeUzsb/dyOQrPCUULhodequ7j5PclGc/qpJKRqW0Qa5eRCsAQj0mSFY8\nTf56\r\n=oWQt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJ7Jc34KjyUpFc4Ew0IObLkaZA53LTv0PXrPyMjhgUlAiAME7y3QzJLFH1LTdXaw9xN+3T54xSXSz0+O5eW2FVKPA=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_0.6.1_1587912531938_0.3768094323335558"},"_hasShrinkwrap":false},"1.0.1-beta.0":{"name":"vue-prism-editor","version":"1.0.1-beta.0","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{},"dependencies":{"vue":"^2.6.11"},"engines":{"node":">=10"},"readme":"# TSDX Bootstrap\n\nThis project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).\n\n## Local Development\n\nBelow is a list of commands you will probably find useful.\n\n### `npm start` or `yarn start`\n\nRuns the project in development/watch mode. Your project will be rebuilt upon changes. TSDX has a special logger for you convenience. Error messages are pretty printed and formatted for compatibility VS Code's Problems tab.\n\n<img src=\"https://user-images.githubusercontent.com/4060187/52168303-574d3a00-26f6-11e9-9f3b-71dbec9ebfcb.gif\" width=\"600\" />\n\nYour library will be rebuilt if you make edits.\n\n### `npm run build` or `yarn build`\n\nBundles the package to the `dist` folder.\nThe package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).\n\n<img src=\"https://user-images.githubusercontent.com/4060187/52168322-a98e5b00-26f6-11e9-8cf6-222d716b75ef.gif\" width=\"600\" />\n\n### `npm test` or `yarn test`\n\nRuns the test watcher (Jest) in an interactive mode.\nBy default, runs tests related to files changed since the last commit.\n","readmeFilename":"README.md","_id":"vue-prism-editor@1.0.1-beta.0","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-c5H44kg8S3VSOK2KRkgqaJDv5+4SkOIOXrhSPMa+VKtq0iQ3iRbPSvvqYQJM85A+5syTz+Ad4koJBSk8GOMtZA==","shasum":"57c5fdddfcef337a6b00cd640b598dacd6f787b3","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.0.1-beta.0.tgz","fileCount":15,"unpackedSize":116280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCjivCRA9TVsSAnZWagAA6t4P/j91rsQYL/L/W4hIGk1U\nUrwBnO2fPS8LC8XrIch0ticKW83toklnIsbCqTRbgRKPIibR0OVG5ny85G3H\nIGJTy6hii4pSQ6oCo3a9jk3JmpZYX1ziqr1DQ1zy1HWlJV0vGptuO++oWyvI\ny9llt4H7rR2apyAXDF2iZPUhb2KD8oZRCM4bvGUy7CMw2r1LU/A+/tsHBQeb\n0PekpMmxm/gMWTRkDIgO4PBJttsv+FiFMD3wuGurPfgclEwGMNx2HcN97/i+\nF5cZM7fZ8tTw19DYolsFJ5ZEdTBzRO2+sTFeVLJRRbqQrJr8YrJkSyG+BqKo\nC2rQFxRPTobwOG5C8F7sTr8QR+Ywtx7zYpMgRIBTVVyD8pvJVsUPs9J3fw20\nGy3ib1RC973VBsRb2xs4Jv+Psfl0tSRTQdpUHM0e3J02bf37YCA/HGNRe/vW\nFynruht+soEAQKMwF5y1PWrFEmSocWlxsMGAmAt5ZDfqBfIwYG6Uxe2WUmMy\nEh2ob8r2yy9MAoYt1qxwu/P5xX5oOAza03B1WPvLnk3KfcLIC8LjRY2eJMgn\nZq+jFFv5+5u99lFlfHWxqvBGfYfNLO1H5akEPNjJbIDQmvDbdQ00ejTj3X7U\nmhnu/9HSa35lQfHF8TDmxOd2GOA/Mqi97uxerUQG7sfstis7SFBB2Rzcwggw\n7Yw4\r\n=FdV6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJdX+RhQ89fekRgxQNITS7QopbbFmBvSRB+tKa9qftGAiEAjIxkoZglMPSu+kH+IntoL8imhkO4Y3iC81m29c1C8z0="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.0.1-beta.0_1594505391328_0.9816655800740524"},"_hasShrinkwrap":false},"1.0.1-beta.1":{"name":"vue-prism-editor","version":"1.0.1-beta.1","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{},"dependencies":{"vue":"^2.6.11"},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n<p align=\"center\">\n\n![version](https://img.shields.io/npm/v/vue-prism-editor.svg)\n![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/vue-prism-editor.svg)\n[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/koca/vue-prism-editor)\n[![CircleCI branch](https://circleci.com/gh/koca/vue-prism-editor/tree/master.svg?style=shield)](https://circleci.com/gh/koca/vue-prism-editor/tree/master)\n\n<!-- ![Codecov](https://img.shields.io/codecov/c/github/koca/vue-prism-editor.svg) -->\n\n</p>\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor\n```\n\nor\n\n```sh\nyarn add vue-prism-editor\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import \"prismjs/themes/prism-tomorrow.css\" // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); //returns html\n      },\n    },\n  };\n</script>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage:\n\n```html\n<!-- vue-prism-editor JavaScript -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n\n<!-- vue-prism-editor CSS -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- use -->\n<script>\n  Vue.component('PrismEditor', VuePrismEditor);\n  new Vue({\n    el: '#app',\n  });\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                   |\n| -------------------- | ------------------ | ------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------- |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                          |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs. |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers                                                                                                                  |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                      |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme                                                                                                    |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n","readmeFilename":"README.md","_id":"vue-prism-editor@1.0.1-beta.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-LkYrWbhku9GueQq6KQJ3dqM1Q9pkjlXj3iKQv41o5nh9nVugFpAClezrfiXLNGWbzEGnPMz8t0TrIA4KdFAYqg==","shasum":"9208ccdd9b7293c6520a3321ad264ec53df70868","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.0.1-beta.1.tgz","fileCount":21,"unpackedSize":267995,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCjs6CRA9TVsSAnZWagAAVrMQAJN7W0YliePtuMSpUNG8\n+vx53qKkWpOIKK80eGcuur+Lx7cpRDkPDgqLxSSuzm83CoOBFUtfhqefHinN\nydheh6wayeXxWcYl3SDF5qoxAHjH4l9569xYDAMP449ucZtzoui9HiCRyxL+\nvEMpYZYzzdBopJdKn5SXzTp9yglX5ZONx63VzHaz+atW6YaXDp7aiiOMQ55R\nyqUBer9eykjPvtuxLU2881B5Cntorv6j60DDUYpoVS3izLntAZi7qiEKEz4E\nQ4GJrqo5CvduFJ9yBQ3MkyaW/dSYr2JajklhEeiN5Wr4g14OGEdOceunLh+5\n++vbT81GK34qmS3V6uwMKl0qOwbIRFtFOVhr3fTkcAs0AHqGyvMsZtemnHC+\nZJ9jPp8UhhMk6UCVVQ0CSY9K4wqkRGur2zHZUkz1bq82GMcWztj+TiTNdkMH\n//6vahd9rnILjbwwXAOG339Rg6eZsWT4wq9kXrMW4k91JWbX5ZC3mt8LfjEj\nkbIl5E814LhwLgputYxF3JdrW2dIjtSWgg5dpE/aQIsbrAn0SmsUwTljUVsK\nxsiPsaeXy2aLvEqkBWniVWPzyK1E+s/Lv0lGk2/S3XpXxruaznJzd6DSfiXz\nWsdgjOm/ziNCGLzSbFAWmu3Bo3UIR1NfXNfsYNRuoHUqOglZLZqo0oUXr8cz\nMg/6\r\n=/KZW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnUpP/Zz4G39AIvIki4qDzW2MU3ChEjzIq3nXbsktlnAiEA9RvNCJlrN6/VKRsyw8OPP79frVm7qU/KQ+pv/uPUrps="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.0.1-beta.1_1594506042307_0.601854098225638"},"_hasShrinkwrap":false},"1.0.1-beta.2":{"name":"vue-prism-editor","version":"1.0.1-beta.2","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n<p align=\"center\">\n\n![version](https://img.shields.io/npm/v/vue-prism-editor.svg)\n![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/vue-prism-editor.svg)\n[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/koca/vue-prism-editor)\n[![CircleCI branch](https://circleci.com/gh/koca/vue-prism-editor/tree/master.svg?style=shield)](https://circleci.com/gh/koca/vue-prism-editor/tree/master)\n\n<!-- ![Codecov](https://img.shields.io/codecov/c/github/koca/vue-prism-editor.svg) -->\n\n</p>\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor\n```\n\nor\n\n```sh\nyarn add vue-prism-editor\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import \"prismjs/themes/prism-tomorrow.css\" // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); //returns html\n      },\n    },\n  };\n</script>\n\n<style>\n// required class\n.my-editor {\n  // we dont use `language-` classes anymore so thats why we need to add background and text color manually\n  background: #2d2d2d;\n  color: #ccc; \n\n  // you must provide font-family font-size line-height. Example:\n  font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 5px;\n}\n\n// optional class for removing the outline\n.prism-editor__textarea:focus {\n  outline: none;\n}\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage:\n\n```html\n<!-- vue-prism-editor JavaScript -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n\n<!-- vue-prism-editor CSS -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- use -->\n<script>\n  Vue.component('PrismEditor', VuePrismEditor);\n  new Vue({\n    el: '#app',\n  });\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                   |\n| -------------------- | ------------------ | ------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------- |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                          |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs. |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers                                                                                                                  |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                      |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme                                                                                                    |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n","readmeFilename":"README.md","_id":"vue-prism-editor@1.0.1-beta.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-1tPmC3pDb57PfmQJzQiU5X9xFLF95jVgOv8HcfhQUD7GOfS7utg2hQjPOOUuAKsAUhX3icJHCzSDoFSBHydJZg==","shasum":"b8a2aaf3b1ac2e7b1358b847d85a82265cb0363b","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.0.1-beta.2.tgz","fileCount":21,"unpackedSize":268537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCkfnCRA9TVsSAnZWagAAVKkQAIGNjx8XwVGRwy+IOo6v\nMkTCxC573WI2BuH/Igdp+pTD0vJQrUrvFSRgZBv6YO6a+rrjLR/1xLydEZ2j\n4Doey7xvKbCRs8//VcBOr71/x3Vsq9rA8MIs2wGlT6zewVdS4UverX0ZGTjq\nKQhXplAyMX6+rcRU47G9TQjRQFZ3KKYCOz1AsOBfIH+h5hiu+5BHFH3yoY2T\n9fupJx21HbwLHSmtpG7JoYSk7a5kpvKv/Vv5BmrA1Y8v3vddwREX2PkI8GEV\no/CLDeokr+YN6dqtfFGmEK2IODdHvxTLMXz0Q7UFMMnJKDEv3vz/u8uTF5yA\ndqUTRosGAqkZGm1MF6n841rjmSnuJRh4xMPOnqdEWdPtUSvhWDcLjt2Ono3k\nvlg+c2Ij9Ex006pf4H6Ldw3mzUWTb6IYKWCgkxkhNM0iVbEsRPHjqIs5J2Kr\nZmvx4dQ9eFXr9nb7S5uVSRIRy38GOOiPcPvb0RlKoCO20R8u4c44p4DrqYsW\nAq/SKH1Oapa8PoF0qh6ogF4HXccdgcxkF81IbKUkNHY456spJRJSc9rwKQ3/\nscaonaiJvYEpE2kDMkUVgkdLYogkk+swRyumFJMyN3BgE6EQ+VyzePDNlTua\nZEYqaDva1LbAXsHLnunRU3VJmKHnaCJulprRD/WPVI0Y+6CA0SJpmT/Og5Zn\n7eQv\r\n=QUN7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICZv9wLpMcwVV85FtI2yS3MUZlYrDwq05oRCbQ9mnWaQAiBYFvNxFRk3gKdzwWy9M8Wpx7s3zaz7uFz1kXc4a6az5A=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.0.1-beta.2_1594509287087_0.24386097362886372"},"_hasShrinkwrap":false},"1.0.1-beta.3":{"name":"vue-prism-editor","version":"1.0.1-beta.3","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n[![Bundle size (minified + gzip)][bundle-size-badge]][bundle-size]\n[![NPM Downloads][downloads-badge]][downloads]\n[![Build Status][build-badge]][build]\n![Codecov][covarage-badge]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor\n```\n\nor\n\n```sh\nyarn add vue-prism-editor\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor class=\"my-editor\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import 'prismjs/themes/prism-tomorrow.css'; // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); //returns html\n      },\n    },\n  };\n</script>\n\n<style>\n  // required class\n  .my-editor {\n    // we dont use `language-` classes anymore so thats why we need to add background and text color manually\n    background: #2d2d2d;\n    color: #ccc;\n\n    // you must provide font-family font-size line-height. Example:\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  // optional class for removing the outline\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage:\n\n```html\n<!-- vue-prism-editor JavaScript -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n\n<!-- vue-prism-editor CSS -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- use -->\n<script>\n  Vue.component('PrismEditor', VuePrismEditor);\n  new Vue({\n    el: '#app',\n  });\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                                  |\n| -------------------- | ------------------ | ------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                                         |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.                |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                                     |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers. Default `false`                                                                                                                                |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme. Default `true`                                                                                                                  |\n| tabSize              | `number`           | `2`       | -       | The number of characters to insert when pressing tab key. For example, for 4 space indentation, `tabSize` will be `4` and `insertSpaces` will be `true`. Default: `2` |\n| insertSpaces              | `boolean`           | `true`       | -       | Whether to use spaces for indentation. Default: `true`. If you set it to `false`, you might also want to set `tabSize` to `1` |\n| ignoreTabKey              | `boolean`           | `false`       | -       | Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Users can toggle this behaviour using `Ctrl+Shift+M` (Mac) / `Ctrl+M` manually when this is `false`. Default: `false` |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n\n[build-badge]: https://img.shields.io/circleci/project/github/koca/vue-prism-editor/master.svg?style=flat-square\n[build]: https://circleci.com/gh/koca/vue-prism-editor\n[downloads-badge]: https://img.shields.io/npm/dt/vue-prism-editor.svg?style=flat-square\n[downloads]: https://npmjs.com/package/vue-prism-editor\n[build-badge]: https://img.shields.io/npm/dm/vue-client-only.svg?style=flat\n[license-badge]: https://img.shields.io/npm/l/vue-prism-editor.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[version-badge]: https://img.shields.io/npm/v/vue-prism-editor.svg?style=flat-square\n[package]: https://www.npmjs.com/package/vue-prism-editor\n[bundle-size-badge]: https://img.shields.io/bundlephobia/minzip/vue-prism-editor.svg?style=flat-square\n[bundle-size]: https://bundlephobia.com/result?p=vue-prism-editor\n[covarage-badge]: https://img.shields.io/codecov/c/github/koca/vue-prism-editor?style=flat-square\n","readmeFilename":"README.md","_id":"vue-prism-editor@1.0.1-beta.3","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-QModN/LUHM7Fg5MmbJgImvQOCHErtKyFNzt3a1s9Ug6TrZFVxfjM0fHMQchxHlydLw/YW85iNK/eNb+RdzdSmg==","shasum":"7adb02893190632ce748e9312ce7fd68281f12a6","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.0.1-beta.3.tgz","fileCount":15,"unpackedSize":125807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLlQtCRA9TVsSAnZWagAAFfYP+wRws6tHnw52JqCGDcMy\n+TI9JLGRlj+OvGpBPSgUoBKAD8GwqmnPit/GpqwFah3sk5yfLvbTkla/j+dw\npUsa9s6R4teaM2zWpS9L4euLzfDdvMAtB1Kfpgd4dEhsXPxaorvZBLIpBxgG\nzNURDe0cWgLXtzuVzKMe7Zu8yBSo2olZDfUb7NGVw9igXMKQ6GgzJHJFDrcM\nbjXuhE5FIpUPryj5xBxzGCvU4fsrHGH6uS9DlOMKASHo+uCs+2mjeRMR2Iqs\nn6YEdQ5JuO7hgfxx5dLKE+wxfk0pImiyN/0VGf7WrnxGUVYVUNAaz3n5Ltjf\ngRvferLjLwn/IZf5yBCciFKNO5CVRzlpbWJMuEODEJz9RFa/EeK4VS316BbY\nETXcfnw1F845zFDZwRl0EqEmWsdXsJRGXE+vkfSsMbVE+OcACx9rBY0q9iSA\nMkfs+5tzBoXlaQqe5HDEfKd/rDVNy4baRHGXzoeJFiMWGg1LbpL+0fD5/gnl\n3/P4CKZ/t+9lhOnePrslPjzr6spAOns0XTNJkOjWQJhhrOaQWpmImG8sEQDd\n9+Mn+ANzwp+Fz10wNv1HrWQ7XMc/zbVm801N4LfiFSLBNlTT4szIr0jyyS9U\nXS6Y8Weprjnb8ImCxeibURnto8QXZcGKT/rVJTFu5W1dRfnRgYusqem1URih\neW6X\r\n=vkRP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTQ7gXoiIY3Y5fP6kaJ6R+3iEvWpWMhoLgx0zociSyNQIgIDOC2mQ89UshERF0mBcObNVUYTJFu/XiYtSrOqefWqI="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.0.1-beta.3_1596871725211_0.7168994921137546"},"_hasShrinkwrap":false},"1.0.1":{"name":"vue-prism-editor","version":"1.0.1","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.0.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-94/TX0gXpA5ZymAoJZ5nXPZhx0Q3Eio/uw1TLYdkDEVMg0Vgmu5O54n9UP3PYnU1zFMInLLXmXpCxbTMn5hTcw==","shasum":"814ef16a359f359917240fe00d16f36fefb600c4","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.0.1.tgz","fileCount":15,"unpackedSize":125904,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLlYkCRA9TVsSAnZWagAAGNcP/0606/p88LIxHmCGSgYU\n2cr+G6WIOWCPeQyaP1sKngVq2ToUU4ALy7+a0JCcpjuKBK24DHgR8hKqD9tZ\n1sib0fzqdARzHtxV03PM1rmosSZwlyb0AkLBZL1xhNr5JXybnuDLzB8IELQg\nh5YGi9BKMyD6e4p9vZQLFncq3yyLsL1g1WloDttcNGJ2FIo+8mYvjoyK9kb2\n159N1CiejWxTzsdMH5F7IDjNQV4wAKH0LVkLrZG5Vn7FsWn/YnwgK2oN1P1h\ni44+w1sYr9QNz52gSFGfIRjF8QxVSn4DAYFcJZT6tAZM+P2c94uxh+OPdENp\nDQ1JNUyKO26H5hIOe5pQyXcI77Iga1Q70DPZyXjtdtG0ZnQOeOCPmQhbR/lY\nnC/88hK+cW1kjyH3gpmqx30JOfon2nxEqoKjJfLi2ssGzAVj/6xPKakA+UZ1\nps4iG+hD6aemtC6u0GbIDWmr5fJacosdkbGu8QrkfsvG2zD0bZHGCcmL8FyQ\nn6F+GprKcYAGMCcEzBQFkizGZhfhSDYHCpgHMO2kkZloJwEUGHyHdm299/dC\nGBEB/v3FWIKCJyPf0FN0KHOg/z2T1qB98Yfy/cRlg+zcg7l9v1LwE1O3E+qt\nTo4O0uiiVr7UUPfj0tjQlm7AknPiphNEJTdOnowyDerWER6KoE6jc62R0k3i\nAhsu\r\n=Fkc7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA9P8v39+MtjEbVYszmqqzJEer8PZsEvX5auMnyVtsYMAiEA6Rb1mhPYPQ5/aBt4s+MAU4OZDJt9uJ1YMGxc9CAKNRA="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.0.1_1596872227553_0.32730336708125685"},"_hasShrinkwrap":false},"1.1.0":{"name":"vue-prism-editor","version":"1.1.0","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.1.0","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-9Le4xZ/Nz2vBiWtvoqZQXUiH/RJvED0Yx5oRlYPfhqvZfqNWp366uop3lAfzOH3dCMlT7VulQCQ1a7L6cbgk5g==","shasum":"1b6c3856ed7de4a4a503ea46e70bd815a1f39d4d","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.1.0.tgz","fileCount":21,"unpackedSize":270987,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMFq4CRA9TVsSAnZWagAArXwP/2xdaaoH6vLXSvV51859\nrG6jM/VeE2GSdoI+PRQ0hPPgvUDa+vEASXSLFWnhbgMeUr9M5IERl0D6c7cP\nqE/hoxFrfdZ6B7MFaVQL3pIBYRc5iVAsozh2M1nr+N8ofu2R30nB+5Gm9sGm\nnjUSJUfr+V47e5Cl6ONn7a/YNbuvxBc1ffkrcI+ePtaNC/AKd3PgmtJP5tok\nKwKaUAR24MJha+V0dZxHDWVCjr2WFL76aRum5BLAKUid/iqBL7f9n0N60Vih\nS56/v6ba654Oo/9QZOB+1+LByhw955XgjS/f32YeZ0N5oR/QLDBEPR6bUea6\nKFZNWikY19b7aj7lh+3qaID3ePiCGXL7FLGNcStfIJaM5tyoYrCepR/MCKWh\nvpzLCIawwJ9hahVbhEkmf3vzlN/9VeM7YXryhVAxzgl9JHOqEOOfoDiHopTa\n1GNMpkFM7BlZhni4H+pFYdNYFlOxCTK1JeVlOxo5+3pTu7s311K8vZINYz2d\n3IOpQ18rFSAizf7miG8aOJDPnMkGoTGt6VvyF56zCQrte0GTskkqbmbnP9Gp\nGawxZOvyqd6hZjszxUjy9WLZDjRUtb8l3IFsrnk0Qq4EycJOXxHCkAIyAE6V\nd4YydJ/T+eKY4YR0IcwEqiLY/5s4mtHY+0tH0KJiNEsPOPmYVD5jwLoI87+T\nyzxf\r\n=iE91\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCiovCTCUVkrvx9KGp/crHrCG2ZMlk1hjpKk8CxSVYHWQIgTDgU/sDgcxzQuKh0T7KLIsP8DPQf3eXhYnAnAUSx4VM="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.1.0_1597004471957_0.3677652204280979"},"_hasShrinkwrap":false},"1.2.0":{"name":"vue-prism-editor","version":"1.2.0","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.2.0","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-rvRrecP6l2STZpkdjrUnJDIO6hZOW29pQvcPDuHTrHanADFPgvHMRDX5jg9jfxae6GWmXQ30BVi7w/E7asJzfQ==","shasum":"46e4b84a00496342e69d9030cacfa0242ef2c2f8","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.2.0.tgz","fileCount":21,"unpackedSize":271031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMF+9CRA9TVsSAnZWagAAr/oP/RffwktkSam6v+t8Rw6a\nKcrglqaoh/ILpuy3ps98clBSA/s40Q7/G9+unuYk/UoAddTyKENq+O72/Et+\n80FNLsFlNAy5n2vZml3F77sInXEla0oexFxFG4Z4qmtzw030MHbOTmKzc8lA\nmtzyh6nJA4tpa6CwjeFy/xWePniH+tcRENm0SyTZtXrkU41P/qwtdjRwZ9PY\nE/pGE+cXi1krZDlvfbIhClWjHsmS2Sa6eAgPcZuCUXTjflhNEpyu9XxtpHoh\nn5p7eA8RP6wyKmZ/hcMrKfwx3SoMUl+eCTGIGULURKCBxMl63dOp59qbB9t+\nncPo5ZW+VKrcR3XAmrfAQtnnGUrGKM1z0iLWCEv2Xqjbbm7S7HEI+QQPE6PJ\nHhqAAt9hEw0HefKAEFvtHjHsZZWw1LTun/uEyhGP2nu8WWKSPhmjNUtrlTgE\nWXF2Iky05Hm3HL1V9/3pPKLsLSt59R9Y4/w9v7oqPIgmGVrwBKfcuq37dNTC\nUn21eEs0pOM0fwsB6x6E4e0YG0/TpMvInaWIFhzoCIWp4Vcpl0FRRmswh4OI\nmUDZSfde+FXbAIpxqe6WGNgfsH8nEujEXrz2+4myMbdB8nbARltXbRIOzvXr\nblbgzKz0iXnUa9JevVLglBnrUE4KOBSEnF5Q+Zl51/xZUSOnnMSFbhAwMTru\nCP9V\r\n=wZuM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHYUZ/Ac2PwdtI7T8E9tdocVS8uHruCb3C2myCMnitB0AiB3VNyZIbtWXDa8nZpe74cNIUSBm+RCsh3ObMSz4U09PA=="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.2.0_1597005756753_0.36780301140318805"},"_hasShrinkwrap":false},"1.2.1":{"name":"vue-prism-editor","version":"1.2.1","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.2.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-asqBVbV7NgxPh5WMA2Gr4e/FUatyIZC/sEXHRnsczh2l292jrJiWSwqU+su+7fVoH6BVAccuZaZVseVuuAHDyQ==","shasum":"3b9ad1ee720ff460dee78c4beba673ede480cd21","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.2.1.tgz","fileCount":21,"unpackedSize":271575,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNtodCRA9TVsSAnZWagAAFHoQAI/QV3Lz1npl7+P27dE4\nfCPprGU47WjFKzhCOan5mBaoLTw/wEbR8ECGxzu97JoqCziQTn27KozDX3xG\n5kmkP7pwZyvom/cF0Mx7o610oHWhPgwiCDYlphbQXKOd58mS3QKgneOq3VDc\nbRRP3mZKf0uLSuhdyIXfZHLjDY7cOkelylUEcyRNOvvac6tS1MEZBw6+Tw+b\nVHKec59lAT1HY/U45D7jeaLOTwAnjRMAsZWP3LE40QjZ9b3a7PVolw759rDP\nTGyclgogzpOiSIo6ZCphP0dy4YrOW06BcvScrMnS4OOEnjRdzewA5OmOGgcf\nK3CT1oReLIwotuWbNalbWiRVs6tsTDxCkU2SguvkDIg37u9AzFlcmMDEpsIw\nutu30jLL+sD0YExA9lVvHqSWekRGjh7tqlDLwcZwUwIHPg5so1QdEUgiW/0v\nEBSBiiDJvcjsFHkX+s43b306wBJ9XIj1aHKIjrNgJIdyWy+Re1MIjxXNT316\niRDEAhQfIjBxX5UUhago/RIV1AwSiiQD8XL6/mZC1dmma8SFA6/l4oqhatZP\nRjkSiOp0yGqhJx9wRk1a/fGjgRwYMkJPc5d3itKN/EGaJWLqnC7gdumNfT+M\nVIecO1wO9oAC2OfkTaloZCOVHM4PlirH3R+Ft873QOJatdP0/JFi5uIL0xnD\njp+H\r\n=pbh8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSBhSC7EG2Oznl5yYb7ZZeXuFnptEj+iENg28pLkaZEwIhAKxohrxUnCNq5vxtvyuX4mPNNIDhOsuW0oFHS8wa4F1Q"}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.2.1_1597430297911_0.6378847835806893"},"_hasShrinkwrap":false},"1.2.2":{"name":"vue-prism-editor","version":"1.2.2","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"dependencies":{},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.2.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Lq2VgVygTx3Whn/tC8gD4m1ajA4lzSyCTqPLZA1Dq/ErbBaZA93FWRblwCoDR7AD2nXhGWuiTzb5ih3guzB7DA==","shasum":"023cfd4329848f191aac851f2f5e6c7a8c2e059f","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.2.2.tgz","fileCount":21,"unpackedSize":272676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNt+nCRA9TVsSAnZWagAAN6sP/24RP5vN/uBGADWO7Djp\nHGshkgl7sP4DsTvxmzTUDZIajtHrvvC8exB+r6sr+Q6ndvcP8MOP77ylfaWL\nE9c24eUFRYFZCqREcKCES3/QUNwEvTs2m0+BDtda0pOGL/flci3tj950eRTP\nOIYIpxVEpYwd2z/nWliv6sH+DIoJMmzh6jGyEhsfrhDcsFZDVlo1hscVOdau\nhgZo/sZ5Qvtuuh3jkkGdBwOo+JvglFSvmxOD1eowUEWL+pOO28K3lQXTFisp\nsgiVb0VY+KeephfvdUIIdnRbbMJmYvM4R9rYnBWaYvTuRBKvvhpWtrOy4AYQ\nGXdafNbqte+ERwZ9aEmqLKhKM7DDjmkcuDPWBBdL/TA6rKeie1bMLl6j2pKD\nM+PpETg2Pa3qBTyx6uAKjEHc3p3n+IdYwj2HXotyBlB2wmyy0NpjybocTeTr\nUjXk5mCkJBg/E+kH+M+ySLl7ZPfElkjmzwcBut8Ht8WvqtCKw0PUTAwTFVQE\ntH/1PayNwpDslN8oKKURqv+jFhcsNdsJeEeyfGWNW9wC2kwxtPcrxznpUbZu\nBOeA5DmrbDXIf0vc/DUH0Ca1WjOwUDCtLMPlpP+BvP40ek0ZAPW6khKoHEkX\n79QBDC2oIRr/o0zUrk6wp4p01IV9A1OLZDAUv/t/FAJjkgec5uL1R32zXwCP\n+r7T\r\n=JExS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgQlHlZ2T+127oRajRYYDZXcX4NHMfFTkudsH7Is48cAIhAJWRfY9Vh8Ity6E8gRWDMzTI5OGnLXUaYEMGMGjfzZeG"}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.2.2_1597431718425_0.26724813854620844"},"_hasShrinkwrap":false},"2.0.0-alpha.0":{"name":"vue-prism-editor","version":"2.0.0-alpha.0","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.1.0","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue":"^3.0.0","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^3.0.0"},"dependencies":{},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n[![Bundle size (minified + gzip)][bundle-size-badge]][bundle-size]\n[![NPM Downloads][downloads-badge]][downloads]\n[![Build Status][build-badge]][build]\n![Codecov][covarage-badge]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n![prism-editor](https://user-images.githubusercontent.com/342666/89706560-82f65380-d96f-11ea-94f9-e0fbf3220047.gif)\n\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Vue Example Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Nuxt Example Codesandbox: [https://codesandbox.io/s/nuxt-vue-prism-editor-62e06](https://codesandbox.io/s/nuxt-vue-prism-editor-62e06)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor\n```\n\nor\n\n```sh\nyarn add vue-prism-editor\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor class=\"my-editor\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import 'prismjs/themes/prism-tomorrow.css'; // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); //returns html\n      },\n    },\n  };\n</script>\n\n<style>\n  /* required class */\n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example: */\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage (for codepen etc.):\n\n```html\n<script src=\"https://unpkg.com/vue@2.6.*\"></script>\n\n<!-- Prism Editor -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- custom highlighter: -->\n<script src=\"https://unpkg.com/prismjs/prism.js\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/prismjs/themes/prism-tomorrow.css\" />\n\n<style>\n  .height-200{\n    height: 200px  \n  }\n  \n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example:*/\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n\n<div id=\"app\">\n  <prism-editor class=\"my-editor height-200\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</div>\n\n<script>\n  new Vue({\n    el: \"#app\",\n    data: () => ({\n      code: \"console.log('hello world')\"\n    }),\n    methods: {\n      highlighter(code) {\n        // js highlight example\n        return Prism.highlight(code, Prism.languages.js, \"js\");\n      }\n    },\n  })\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                                  |\n| -------------------- | ------------------ | ------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                                         |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.                |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                                     |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers. Default `false`                                                                                                                                |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme. Default `true`                                                                                                                  |\n| tabSize              | `number`           | `2`       | -       | The number of characters to insert when pressing tab key. For example, for 4 space indentation, `tabSize` will be `4` and `insertSpaces` will be `true`. Default: `2` |\n| insertSpaces              | `boolean`           | `true`       | -       | Whether to use spaces for indentation. Default: `true`. If you set it to `false`, you might also want to set `tabSize` to `1` |\n| ignoreTabKey              | `boolean`           | `false`       | -       | Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Users can toggle this behaviour using `Ctrl+Shift+M` (Mac) / `Ctrl+M` manually when this is `false`. Default: `false` |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n\n[build-badge]: https://img.shields.io/circleci/project/github/koca/vue-prism-editor/master.svg?style=flat-square\n[build]: https://circleci.com/gh/koca/vue-prism-editor\n[downloads-badge]: https://img.shields.io/npm/dt/vue-prism-editor.svg?style=flat-square\n[downloads]: https://npmjs.com/package/vue-prism-editor\n[build-badge]: https://img.shields.io/npm/dm/vue-client-only.svg?style=flat\n[license-badge]: https://img.shields.io/npm/l/vue-prism-editor.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[version-badge]: https://img.shields.io/npm/v/vue-prism-editor.svg?style=flat-square\n[package]: https://www.npmjs.com/package/vue-prism-editor\n[bundle-size-badge]: https://img.shields.io/bundlephobia/minzip/vue-prism-editor@1.x.x.svg?style=flat-square\n[bundle-size]: https://bundlephobia.com/result?p=vue-prism-editor\n[covarage-badge]: https://img.shields.io/codecov/c/github/koca/vue-prism-editor?style=flat-square\n","readmeFilename":"README.md","_id":"vue-prism-editor@2.0.0-alpha.0","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-uEEJvXH6Gaitk7FQ6FfWO/kVcwmJNbxO0z5k70asYgtsxiJ98sIUw6CqFqvYjyfCcOx5SXZMFw6Ua+e1mNEoDA==","shasum":"4bdba9b179844df2c907ed113055f7637ad03d4b","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.0.tgz","fileCount":21,"unpackedSize":270269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfigROCRA9TVsSAnZWagAA/fgQAIX/wIPLCSV9TG4Lcp79\nAMuUkNkQrxV2F/eba4MNymwkSPmhvxWQo1BxEM6MQHWf1of5EXoLBdPWkHI2\niItFyaXk/fOHEqcDFfvggAI6ib83v+Q+0DyNdCIHZL+6ZREmgyNtF2Q8kowA\nhsYrRuILHfWwo5a1QO3qmcM/RFX8LEXY3QQ7NzzJJNbpIh1k1+9GQeqGLeei\nF+74clPicYp9q95PeVhatTZJobCi+sw6uzQyEhvGJXO7BsbrkkCVsuBRkDtp\nF7KXBpBmuvxHt4KheK/8+1VniljAqU+ZCQj7877CB1DwCEiz9101XGwsWlgv\n7PbQtRM/tNqfUk15+lFN3S9zE0f1nKMRfApiVf6zQVxtpQ9BdEKmzQuM9rXr\nnfiyYTllJ++UyVykWmCKyedRjGvuy+/ssHQEyLbk/Y27ec8XuB27ogdrfosy\naeLfYv7hQKX4UK4RbFDEBCeM87xBhgDT5nply6Chl8diT9qS0YKEXdVarbgD\nHOL6KXrWQI0iNmSoAh4/SFGUoIvngAcX0aANm9BgFxqizzp0O9ejCT9VATuI\ni8tO9rjFteDb1ahhHxCGkWQuQzGZ8lRtTKGygVL7+0fhA1x0yuS+Kig1oGhd\nkS2cFduG8QNfq38vAim0Qi/f92efzjn7wPlqG8b/O+issIpT4MLVkKhfVAJA\nuPPe\r\n=wFrw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwglJXshJwzuovDmt3JSYm/Cm54UxBnhm2HvfN6JUckgIgb6Divinhvh7x8LX61jZ43GUrzMvMt+iIVy2KjJHId+Q="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_2.0.0-alpha.0_1602880589657_0.740699460480952"},"_hasShrinkwrap":false},"2.0.0-alpha.1":{"name":"vue-prism-editor","version":"2.0.0-alpha.1","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.1.0","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue":"^3.0.0","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^3.0.0"},"dependencies":{},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n[![Bundle size (minified + gzip)][bundle-size-badge]][bundle-size]\n[![NPM Downloads][downloads-badge]][downloads]\n[![Build Status][build-badge]][build]\n![Codecov][covarage-badge]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n![prism-editor](https://user-images.githubusercontent.com/342666/89706560-82f65380-d96f-11ea-94f9-e0fbf3220047.gif)\n\nEditor works both for Vue 2.x and Vue 3.x and you are currently on the branch that supports Vue 3.x.\n[Go here for the Vue 2.x compatible version](https://github.com/koca/vue-prism-editor/)\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Vue Example Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Nuxt Example Codesandbox: [https://codesandbox.io/s/nuxt-vue-prism-editor-62e06](https://codesandbox.io/s/nuxt-vue-prism-editor-62e06)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor@alpha\n```\n\nor\n\n```sh\nyarn add vue-prism-editor@alpha\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor class=\"my-editor\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import 'prismjs/themes/prism-tomorrow.css'; // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); // languages.<insert language> to return html with markup\n      },\n    },\n  };\n</script>\n\n<style>\n  /* required class */\n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example: */\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage (for codepen etc.):\n\n```html\n<script src=\"https://unpkg.com/vue@2.6.*\"></script>\n\n<!-- Prism Editor -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- custom highlighter: -->\n<script src=\"https://unpkg.com/prismjs/prism.js\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/prismjs/themes/prism-tomorrow.css\" />\n\n<style>\n  .height-200{\n    height: 200px  \n  }\n  \n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example:*/\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n\n<div id=\"app\">\n  <prism-editor class=\"my-editor height-200\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</div>\n\n<script>\n  new Vue({\n    el: \"#app\",\n    data: () => ({\n      code: \"console.log('hello world')\"\n    }),\n    methods: {\n      highlighter(code) {\n        // js highlight example\n        return Prism.highlight(code, Prism.languages.js, \"js\");\n      }\n    },\n  })\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                                  |\n| -------------------- | ------------------ | ------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                                         |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.                |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                                     |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers. Default `false`                                                                                                                                |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme. Default `true`                                                                                                                  |\n| tabSize              | `number`           | `2`       | -       | The number of characters to insert when pressing tab key. For example, for 4 space indentation, `tabSize` will be `4` and `insertSpaces` will be `true`. Default: `2` |\n| insertSpaces              | `boolean`           | `true`       | -       | Whether to use spaces for indentation. Default: `true`. If you set it to `false`, you might also want to set `tabSize` to `1` |\n| ignoreTabKey              | `boolean`           | `false`       | -       | Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Users can toggle this behaviour using `Ctrl+Shift+M` (Mac) / `Ctrl+M` manually when this is `false`. Default: `false` |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n\n[build-badge]: https://img.shields.io/circleci/project/github/koca/vue-prism-editor/master.svg?style=flat-square\n[build]: https://circleci.com/gh/koca/vue-prism-editor\n[downloads-badge]: https://img.shields.io/npm/dt/vue-prism-editor.svg?style=flat-square\n[downloads]: https://npmjs.com/package/vue-prism-editor\n[build-badge]: https://img.shields.io/npm/dm/vue-client-only.svg?style=flat\n[license-badge]: https://img.shields.io/npm/l/vue-prism-editor.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[version-badge]: https://img.shields.io/npm/v/vue-prism-editor.svg?style=flat-square\n[package]: https://www.npmjs.com/package/vue-prism-editor\n[bundle-size-badge]: https://img.shields.io/bundlephobia/minzip/vue-prism-editor@1.x.x.svg?style=flat-square\n[bundle-size]: https://bundlephobia.com/result?p=vue-prism-editor\n[covarage-badge]: https://img.shields.io/codecov/c/github/koca/vue-prism-editor?style=flat-square\n","readmeFilename":"README.md","_id":"vue-prism-editor@2.0.0-alpha.1","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-bRsXyRpujObSCcTBv+ZriZXk5/gqE+K97RYUgSTaU4AS9X5zddh7w631UL8cLaIeKwfyOQlFDAKuOVqfAbQ8ig==","shasum":"f30a939d1fe1eef00b9a31d3392ffb3b3a942f2c","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.1.tgz","fileCount":21,"unpackedSize":270254,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiglHCRA9TVsSAnZWagAAQtEP/jysAF9gM5ZL8wRTw759\n+iarmCHMSfIfoV5+boMaXz4Jv6tA+mPZPJqP5G7+20Rgp+yVextUkXIqVRvS\nAj0/jhO0ljgdgzgvT3nM/AHUBJWZNvIInpwSnNFjg8jo3oKOUOpTOUu258eX\npU0KUqIUhX+miwNIXNudQe5+CYhrbK1pEpc3kMkRKzsADDep09PEwu15hHK5\nqLgzyVYCccV5AeOgtqOI1sxyE3oYUN9cnw7E/rL8TpKxziDuCH+R3KfCdOp8\nCHfZ8P2rmiJ77yuVeFinFvLFy8/M4V6SRnx7ocdl5EyaEEiZZdFWn4zZt1Xb\nS4OmyQoTeHTf7tS3v5lo7YWmX3Rp5jU0/Yj+fFuwcMNyW1KPwMdZ84BjbJG0\nKCXM6bdLMyc7WCNZFl5mnr5fw/qcWK7WSHjgE9tU5R+0Ro3bCv7CFprni/1R\nKgdqhXgKtmNEVaNkLBexM8S6V9uvU940YEg569dzdUHR1nS2azlnc0EdDGvX\nRPtleMg2g//EULbAZeizGMo+H69aUAkyAeEKcsZrgP9wpVIfqOt7j64K9NpX\nkgcon717iIL2qxAZMDoEWxy+31p5Au5seZZmobmzIEcxV0XmCmm84dvnhybA\nM2UzkjsPDcy29Gp36ue7y2Mr67kYoYelmLWZFzI48XnFPxPYebFz7kn2Y0oS\n6Ljs\r\n=8eTo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRLNOSIudhoyw1J6Sd3ODayJ5GFcHuULjJI0zMTGZV4AIgOkYMgHg/AT4iYgMj+NRupQZy5urYBemMZu1wMHu8gQY="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_2.0.0-alpha.1_1602881863272_0.4704673016996539"},"_hasShrinkwrap":false},"2.0.0-alpha.2":{"name":"vue-prism-editor","version":"2.0.0-alpha.2","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.1.0","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue":"^3.0.0","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^3.0.0"},"dependencies":{},"engines":{"node":">=10"},"readme":"# Vue Prism Editor\n\n[![Bundle size (minified + gzip)][bundle-size-badge]][bundle-size]\n[![NPM Downloads][downloads-badge]][downloads]\n[![Build Status][build-badge]][build]\n![Codecov][covarage-badge]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n![prism-editor](https://user-images.githubusercontent.com/342666/89706560-82f65380-d96f-11ea-94f9-e0fbf3220047.gif)\n\nEditor works both for Vue 2.x and Vue 3.x and you are currently on the branch that supports Vue 3.x.\n[Go here for the Vue 2.x compatible version](https://github.com/koca/vue-prism-editor/)\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Vue Example Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Nuxt Example Codesandbox: [https://codesandbox.io/s/nuxt-vue-prism-editor-62e06](https://codesandbox.io/s/nuxt-vue-prism-editor-62e06)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor@alpha\n```\n\nor\n\n```sh\nyarn add vue-prism-editor@alpha\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor class=\"my-editor\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import 'prismjs/themes/prism-tomorrow.css'; // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); // languages.<insert language> to return html with markup\n      },\n    },\n  };\n</script>\n\n<style>\n  /* required class */\n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example: */\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage (for codepen etc.):\n\n```html\n<script src=\"https://unpkg.com/vue@2.6.*\"></script>\n\n<!-- Prism Editor -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- custom highlighter: -->\n<script src=\"https://unpkg.com/prismjs/prism.js\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/prismjs/themes/prism-tomorrow.css\" />\n\n<style>\n  .height-200{\n    height: 200px  \n  }\n  \n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example:*/\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n\n<div id=\"app\">\n  <prism-editor class=\"my-editor height-200\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</div>\n\n<script>\n  new Vue({\n    el: \"#app\",\n    data: () => ({\n      code: \"console.log('hello world')\"\n    }),\n    methods: {\n      highlighter(code) {\n        // js highlight example\n        return Prism.highlight(code, Prism.languages.js, \"js\");\n      }\n    },\n  })\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                                  |\n| -------------------- | ------------------ | ------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                                         |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.                |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                                     |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers. Default `false`                                                                                                                                |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme. Default `true`                                                                                                                  |\n| tabSize              | `number`           | `2`       | -       | The number of characters to insert when pressing tab key. For example, for 4 space indentation, `tabSize` will be `4` and `insertSpaces` will be `true`. Default: `2` |\n| insertSpaces              | `boolean`           | `true`       | -       | Whether to use spaces for indentation. Default: `true`. If you set it to `false`, you might also want to set `tabSize` to `1` |\n| ignoreTabKey              | `boolean`           | `false`       | -       | Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Users can toggle this behaviour using `Ctrl+Shift+M` (Mac) / `Ctrl+M` manually when this is `false`. Default: `false` |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n\n[build-badge]: https://img.shields.io/circleci/project/github/koca/vue-prism-editor/master.svg?style=flat-square\n[build]: https://circleci.com/gh/koca/vue-prism-editor\n[downloads-badge]: https://img.shields.io/npm/dt/vue-prism-editor.svg?style=flat-square\n[downloads]: https://npmjs.com/package/vue-prism-editor\n[build-badge]: https://img.shields.io/npm/dm/vue-client-only.svg?style=flat\n[license-badge]: https://img.shields.io/npm/l/vue-prism-editor.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[version-badge]: https://img.shields.io/npm/v/vue-prism-editor.svg?style=flat-square\n[package]: https://www.npmjs.com/package/vue-prism-editor\n[bundle-size-badge]: https://img.shields.io/bundlephobia/minzip/vue-prism-editor@1.x.x.svg?style=flat-square\n[bundle-size]: https://bundlephobia.com/result?p=vue-prism-editor\n[covarage-badge]: https://img.shields.io/codecov/c/github/koca/vue-prism-editor?style=flat-square\n","readmeFilename":"README.md","_id":"vue-prism-editor@2.0.0-alpha.2","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==","shasum":"aa53a88efaaed628027cbb282c2b1d37fc7c5c69","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz","fileCount":21,"unpackedSize":270936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkIeJCRA9TVsSAnZWagAAA+kP/izFvokYc6R/nzIZ4Gid\nLuM3C+D6u7vhzzb8Rw1HK31lEtzrjPRLxvOtPgtdkOzTWhcndsXAzf3tR/hx\nEUUsagATKBLv1fNGuL2nQqxEFiIWfmydJ3upNU4/Trr7PJ+HMG9uRnKGtDWS\nDTtPGgeByyeV23rcq+QoHRZAdffhCPcKAdqy7AcxUyILXkNshIzgCUGpGUZB\nJSqbupuw7a8iwpw859PNerl+TxSulyLKel1BT1JDDdtMUoDs5tV4/kEdQXEt\nQhmCPHKvRmVq+A/52Kx6bQfwmtr+p53eyZKpGXpsZ8dRaNI9fVlnx+vaKCMt\nu+nG+SfJxusDK0hPuh5mNNTsDaiD82zqxCQTh53A9EpapgbOI0ETvzYhX+mO\n8zDFyT1PQvyX8fiFUq/HQBKAjeE9X41TZJxoGzw1Do7Z+XHBd0iVRz9cTv9Z\n6vC1tvv6uHTk+k7EUxocd2RvpNOuNxkgsAXxQSjpEu2IaTAiU02O21KpHyBj\ndsqExwERxsCV6jR9IPkXhUPaYYfbWAW+1X9odhsEnV8wjSzK3dlAfXA6/BA8\n10S7YJ9Gycl8DW9FDwLqySxoe0+KU1+uQMLlEbR9k19n5G5HoT+hXcfKTj8V\niwstKPSE8VwUQs7qxXiYHZs+yavGYA3fXNPtZntmUEjDM81x5GXo5JSs41Ey\noLa4\r\n=s9Xn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqIsiuWEnA/aATzHjbn817/GBHiC77Qy5DfIAUwngDjAiEA/TvuK77H0Lz2CXGh9mCqlyyLH50gz1laVjOqoVzx0q0="}]},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_2.0.0-alpha.2_1603307400671_0.4855410037057166"},"_hasShrinkwrap":false},"1.3.0":{"name":"vue-prism-editor","version":"1.3.0","description":"A dead simple code editor with syntax highlighting and line numbers.","author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"homepage":"https://github.com/koca/vue-prism-editor#readme","repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"keywords":["vue","editor","code editor","prism"],"module":"dist/prismeditor.esm.js","unpkg":"dist/prismeditor.umd.production.min.js","umd:main":"dist/prismeditor.umd.production.min.js","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"dev":"tsdx watch --format cjs --name PrismEditor","build":"tsdx build --format cjs,esm,umd --name PrismEditor","test":"tsdx test","test:watch":"tsdx test --watchAll","test:cov":"tsdx test --collectCoverage","lint":"eslint src","lint:tsdx:not-working":"tsdx lint"},"devDependencies":{"@testing-library/jest-dom":"^5.10.1","@testing-library/vue":"^5.0.4","@types/prismjs":"^1.16.1","@vue/cli-plugin-unit-jest":"^4.4.4","jest-environment-jsdom-sixteen":"^1.0.3","prismjs":"^1.20.0","rollup-plugin-postcss":"^3.1.2","tsdx":"^0.13.2","tslib":"^2.0.0","typescript":"^3.9.3","vue-jest":"^3.0.5"},"peerDependencies":{"vue":"^2.6.11"},"engines":{"node":">=10"},"_id":"vue-prism-editor@1.3.0","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-54RfgtMGRMNr9484zKMOZs1wyLDR6EfFylzE2QrMCD9alCvXyYYcS0vX8oUHh+6pMUu6ts59uSN9cHglpU2NRQ==","shasum":"dcef6d8731623227db27d59be7ffca50bc57b6d3","tarball":"https://registry.npmjs.org/vue-prism-editor/-/vue-prism-editor-1.3.0.tgz","fileCount":20,"unpackedSize":273021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3AZ8CRA9TVsSAnZWagAAGjkP/R7mGLAo4L25SPAgOloh\nzo1HsskzpG1PrfR1DRdhR/LYkSgo+PsFUhvSj9LFLIDpb/hG+zVmOrZSlwHS\ntgGGr1GcMsXWTM3nlfZLqkuUZ0TtLTStZ17hDqDjz8x1bndz9kfV5brXHZN0\nsowoYfn7EwFKqAkvGcfo78g3bn+C22ScJRIsaMrLqr94/TFwxdsLHwS6rT6c\n4xlEH66Fko8cbPjlgcV+6Ez7js353WvLxPSONLukLlcKyYY42LX/umfueRgP\nkFvPUiw4MNGdeTjraN0RuO+DnL0eNrp8oNTiNm/Nb4iIazFkrzuevyZBpvSE\nrVuEvPWdcZfiRP5eeLrl6rzlwIjlgHsiz0LJlOA+IdCxf6edd0QphyIFXL5w\nEKbp7HtZUlPuHtgAiIioYJ+YGbbL4jhZapeuybjZ7OEnJNHAnNrq29eE1KZo\nzsvp4hJjcgdHi7cSxmdAkOiUPgyDPYWYaX+olAeh0UGr9aSo14Z1DcRUsvHZ\n3B6gbyGNKHFTYecQtX1dbucWN2hLUgDuowfWiifM6/+JG1RRIqlUxTLqBLPU\nrsdUF0lDAfjVE7dvNr6s9n7QGSa+39Eo2apL1MoudYkF+WRdVPeQSh5zeQVw\n7P3blVFX0Lam+OAMl6Gms2AlbXGQbe0KmRoxM58g15+AX7LY4utb31mQVsPD\nbq8c\r\n=w2xw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCf2F3/dbWBS7sKNQ9mcQV16IpYaJQ0bnbiBx3EjP/l/QIgXWyRoolRzezx5680H8SaENQm/Jo2pAvVPDugANYOr/k="}]},"_npmUser":{"name":"koca","email":"imesutkoca@gmail.com"},"directories":{},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-prism-editor_1.3.0_1632781263997_0.7912401389149659"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-04T17:24:00.862Z","0.0.1":"2018-09-04T17:24:01.044Z","modified":"2022-05-23T17:54:31.547Z","0.1.0":"2018-09-14T16:43:41.618Z","0.1.1":"2018-09-14T16:52:18.039Z","0.1.2":"2018-09-14T20:50:46.154Z","0.2.0":"2019-04-27T18:51:56.660Z","0.2.1":"2019-04-28T10:19:26.785Z","0.3.0":"2019-07-30T16:41:06.385Z","0.4.0":"2020-02-10T18:39:36.993Z","0.4.1":"2020-02-10T18:41:27.180Z","0.4.2":"2020-02-10T18:46:53.149Z","0.4.3":"2020-02-10T18:55:42.903Z","0.5.0":"2020-02-15T12:27:39.042Z","0.5.1":"2020-02-15T12:41:50.885Z","0.6.0":"2020-04-26T14:44:19.944Z","0.6.1":"2020-04-26T14:48:52.102Z","1.0.1-beta.0":"2020-07-11T22:09:51.486Z","1.0.1-beta.1":"2020-07-11T22:20:42.459Z","1.0.1-beta.2":"2020-07-11T23:14:47.242Z","1.0.1-beta.3":"2020-08-08T07:28:45.342Z","1.0.1":"2020-08-08T07:37:07.752Z","1.1.0":"2020-08-09T20:21:12.122Z","1.2.0":"2020-08-09T20:42:36.887Z","1.2.1":"2020-08-14T18:38:18.104Z","1.2.2":"2020-08-14T19:01:58.718Z","2.0.0-alpha.0":"2020-10-16T20:36:29.794Z","2.0.0-alpha.1":"2020-10-16T20:57:43.445Z","2.0.0-alpha.2":"2020-10-21T19:10:00.859Z","1.3.0":"2021-09-27T22:21:04.172Z"},"maintainers":[{"name":"koca","email":"imesutkoca@gmail.com"}],"description":"A dead simple code editor with syntax highlighting and line numbers.","homepage":"https://github.com/koca/vue-prism-editor#readme","keywords":["vue","editor","code editor","prism"],"repository":{"type":"git","url":"git+https://github.com/koca/vue-prism-editor.git"},"author":{"name":"Mesut Koca","email":"imesutkoca@gmail.com"},"bugs":{"url":"https://github.com/koca/vue-prism-editor/issues"},"license":"MIT","readme":"# Vue Prism Editor\n\n[![Bundle size (minified + gzip)][bundle-size-badge]][bundle-size]\n[![NPM Downloads][downloads-badge]][downloads]\n[![Build Status][build-badge]][build]\n![Codecov][covarage-badge]\n[![Version][version-badge]][package]\n[![MIT License][license-badge]][license]\n\n> A dead simple code editor with syntax highlighting and line numbers. 3kb/z\n\n![prism-editor](https://user-images.githubusercontent.com/342666/89706560-82f65380-d96f-11ea-94f9-e0fbf3220047.gif)\n\nEditor works both for Vue 2.x and Vue 3.x and you are currently on the branch that supports Vue 2.x.\n[Go here for the Vue 3.x compatible version](https://github.com/koca/vue-prism-editor/tree/feature/next)\n\n## Demo\n\n[prism-editor.netlify.com](https://prism-editor.netlify.com/)\n\n## Examples\n\n- Vue Example Codesandbox: [https://codesandbox.io/s/61yrlnlnmn](https://codesandbox.io/s/61yrlnlnmn)\n- Nuxt Example Codesandbox: [https://codesandbox.io/s/nuxt-vue-prism-editor-62e06](https://codesandbox.io/s/nuxt-vue-prism-editor-62e06)\n- Vite Example Codesandbox: [https://codesandbox.io/s/vite-vue-prism-editor-q9j8p](https://codesandbox.io/s/vite-vue-prism-editor-q9j8p)\n- Codepen: [https://codepen.io/koca/pen/QVgqyR](https://codepen.io/koca/pen/QVgqyR)\n\n## Features\n\n- Code Editing\n- Modular syntax highlighting with third party library (not limited to prismjs)\n- Indent line or selected text by pressing tab key, with customizable indentation\n- Automatic indent on new lines\n- Wrap selected text in parens, brackets, or quotes\n- Undo / Redo whole words instead of letter by letter\n- Accessible, use Ctrl+Shift+M (Mac) / Ctrl+M to toggle capturing tab key\n- Works on mobile (thanks to textarea)\n- Auto resize\n- Line numbers\n- Match line numbers styles to the theme(optional)\n\n## Use Case\n\nSeveral browser based code editors such as Ace, CodeMirror, Monaco etc. provide the ability to embed a full-featured code editor in your web page. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code.\n\n## Install\n\n```sh\nnpm install vue-prism-editor\n```\n\nor\n\n```sh\nyarn add vue-prism-editor\n```\n\n## Usage\n\nYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:\n\nRegister the component locally and use it (recommended)\n\n```html\n<template>\n  <prism-editor class=\"my-editor\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</template>\n\n<script>\n  // import Prism Editor\n  import { PrismEditor } from 'vue-prism-editor';\n  import 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles somewhere\n\n  // import highlighting library (you can use any library you want just return html string)\n  import { highlight, languages } from 'prismjs/components/prism-core';\n  import 'prismjs/components/prism-clike';\n  import 'prismjs/components/prism-javascript';\n  import 'prismjs/themes/prism-tomorrow.css'; // import syntax highlighting styles\n\n  export default {\n    components: {\n      PrismEditor,\n    },\n    data: () => ({ code: 'console.log(\"Hello World\")' }),\n    methods: {\n      highlighter(code) {\n        return highlight(code, languages.js); // languages.<insert language> to return html with markup\n      },\n    },\n  };\n</script>\n\n<style>\n  /* required class */\n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example: */\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n```\n\n> Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work.\n\nOr register the component globally\n\n```js\nimport { PrismEditor } from 'vue-prism-editor';\nimport 'vue-prism-editor/dist/prismeditor.min.css'; // import the styles\nVue.component('PrismEditor', PrismEditor);\n```\n\nBrowser usage (for codepen etc.):\n\n```html\n<script src=\"https://unpkg.com/vue@2.6.*\"></script>\n\n<!-- Prism Editor -->\n<script src=\"https://unpkg.com/vue-prism-editor\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/vue-prism-editor/dist/prismeditor.min.css\" />\n\n<!-- custom highlighter: -->\n<script src=\"https://unpkg.com/prismjs/prism.js\"></script>\n<link rel=\"stylesheet\" href=\"https://unpkg.com/prismjs/themes/prism-tomorrow.css\" />\n\n<style>\n  .height-200{\n    height: 200px  \n  }\n  \n  .my-editor {\n    /* we dont use `language-` classes anymore so thats why we need to add background and text color manually */\n    background: #2d2d2d;\n    color: #ccc;\n\n    /* you must provide font-family font-size line-height. Example:*/\n    font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 5px;\n  }\n\n  /* optional class for removing the outline */\n  .prism-editor__textarea:focus {\n    outline: none;\n  }\n</style>\n\n<div id=\"app\">\n  <prism-editor class=\"my-editor height-200\" v-model=\"code\" :highlight=\"highlighter\" line-numbers></prism-editor>\n</div>\n\n<script>\n  new Vue({\n    el: \"#app\",\n    data: () => ({\n      code: \"console.log('hello world')\"\n    }),\n    methods: {\n      highlighter(code) {\n        // js highlight example\n        return Prism.highlight(code, Prism.languages.js, \"js\");\n      }\n    },\n  })\n</script>\n```\n\n## Props\n\n| Name                 | Type               | Default | Options | Description                                                                                                                                                  |\n| -------------------- | ------------------ | ------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| v-model `value`      | `string`           | `\"\"`    | -       | Current value of the editor i.e. the code to display                                                                                                         |\n| highlight            | `string => string` | -       | -       | Callback which will receive text to highlight. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.                |\n| readonly             | `Boolean`          | `false` | -       | Readonly                                                                                                                                                     |\n| lineNumbers          | `Boolean`          | `false` | -       | Whether to show line numbers. Default `false`                                                                                                                                |\n| autoStyleLineNumbers | `Boolean`          | `true`  | -       | Match line numbers text color to the theme. Default `true`                                                                                                                  |\n| tabSize              | `number`           | `2`       | -       | The number of characters to insert when pressing tab key. For example, for 4 space indentation, `tabSize` will be `4` and `insertSpaces` will be `true`. Default: `2` |\n| insertSpaces              | `boolean`           | `true`       | -       | Whether to use spaces for indentation. Default: `true`. If you set it to `false`, you might also want to set `tabSize` to `1` |\n| ignoreTabKey              | `boolean`           | `false`       | -       | Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Users can toggle this behaviour using `Ctrl+Shift+M` (Mac) / `Ctrl+M` manually when this is `false`. Default: `false` |\n\n## Events\n\n| Name    | Parameters | Description                                                  |\n| ------- | ---------- | ------------------------------------------------------------ |\n| input   | `(code)`   | Fires when the code is changed.                              |\n| keydown | `(event)`  | This event is emitted when a keydown event happens in editor |\n| keyup   | `(event)`  | This event is emitted when a keyup event happens in editor   |\n| click   | `(event)`  | This event is emitted when clicking anywhere in the editor   |\n| focus   | `(event)`  | This event is emitted when focus                             |\n| blur    | `(event)`  | This event is emitted when blur                              |\n\n## How it works\n\n_This part is taken from [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)_\n\nIt works by overlaying a syntax highlighted `<pre>` block over a `<textarea>`. When you type, select, copy text etc., you interact with the underlying `<textarea>`, so the experience feels native. This is a very simple approach compared to other editors which re-implement the behaviour.\n\nThe syntax highlighting can be done by any third party library as long as it returns HTML and is fully controllable by the user.\n\nThe vanilla `<textarea>` doesn't support inserting tab characters for indentation, so we re-implement it by listening to `keydown` events and programmatically updating the text. One caveat with programmatically updating the text is that we lose the undo stack, so we need to maintain our own undo stack. As a result, we can also implement improved undo behaviour such as undoing whole words similar to editors like VSCode.\n\n## Limitations\n\nDue to the way it works, it has certain limitations:\n\n- The syntax highlighted code cannot have different font family, font weight, font style, line height etc. for its content. Since the editor works by aligning the highlighted code over a `<textarea>`, changing anything that affects the layout can misalign it.\n- The custom undo stack is incompatible with undo/redo items browser's context menu. However, other full featured editors don't support browser's undo/redo menu items either.\n- The editor is not optimized for performance and large documents can affect the typing speed.\n- We hide text in the textarea using `-webkit-text-fill-color: transparent`, which works in all modern browsers (even non-webkit ones such as Firefox and Edge). On IE 10+, we use `color: transparent` which doesn't hide the cursor. Text may appear bolder in unsupported browsers.\n\n## Thanks\n\n[react-simple-code-editor](https://github.com/satya164/react-simple-code-editor)\n\n## License\n\nMIT\n\n[build-badge]: https://img.shields.io/circleci/project/github/koca/vue-prism-editor/master.svg?style=flat-square\n[build]: https://circleci.com/gh/koca/vue-prism-editor\n[downloads-badge]: https://img.shields.io/npm/dt/vue-prism-editor.svg?style=flat-square\n[downloads]: https://npmjs.com/package/vue-prism-editor\n[build-badge]: https://img.shields.io/npm/dm/vue-client-only.svg?style=flat\n[license-badge]: https://img.shields.io/npm/l/vue-prism-editor.svg?style=flat-square\n[license]: https://opensource.org/licenses/MIT\n[version-badge]: https://img.shields.io/npm/v/vue-prism-editor.svg?style=flat-square\n[package]: https://www.npmjs.com/package/vue-prism-editor\n[bundle-size-badge]: https://img.shields.io/bundlephobia/minzip/vue-prism-editor@1.x.x.svg?style=flat-square\n[bundle-size]: https://bundlephobia.com/result?p=vue-prism-editor\n[covarage-badge]: https://img.shields.io/codecov/c/github/koca/vue-prism-editor?style=flat-square\n","readmeFilename":"README.md"}