{"_id":"perfect-scrollbar-vue2","_rev":"1-81b094b24291a647a28f899d81c34325","name":"perfect-scrollbar-vue2","dist-tags":{"latest":"1.2.0"},"versions":{"1.2.0":{"name":"perfect-scrollbar-vue2","version":"1.2.0","description":"Vue.js wrapper for perfect scrollbar","paths":{"source":"src","destination":"dist","example":"example"},"main":"dist/vue2-perfect-scrollbar.cjs.js","module":"dist/vue2-perfect-scrollbar.esm.js","browser":"dist/vue2-perfect-scrollbar.umd.js","style":"dist/vue2-perfect-scrollbar.css","scripts":{"build":"rollup -c --environment production","build:css":"postcss src/style.css -o dist/vue2-perfect-scrollbar.min.css --env production && postcss src/style.css -o dist/vue2-perfect-scrollbar.css","dev":"webpack-dev-server --config webpack.config.js","test":"karma start --single-run","test:dev":"karma start --single-run=false"},"repository":{"type":"git","url":"git+https://github.com/mercs600/vue2-perfect-scrollbar.git"},"author":{"name":"Adam Marcinkowski","email":"developer@mercs600.pl"},"keywords":["frontend","scroll","scrollbar","vue"],"license":"MIT","devDependencies":{"@babel/core":"^7.0.0","@babel/preset-env":"^7.0.0","@vue/test-utils":"^1.0.0-beta.25","babel-loader":"^8.0.2","chai":"^4.1.2","css-loader":"^1.0.0","cssnano":"^4.1.3","eslint":"^5.5.0","eslint-config-standard":"^12.0.0","eslint-loader":"^2.1.0","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-standard":"^4.0.0","eslint-plugin-vue":"^5.0.0-beta.3","karma":"^3.0.0","karma-chai":"^0.1.0","karma-chrome-launcher":"^2.2.0","karma-mocha":"^1.3.0","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"^0.0.32","karma-webpack":"^3.0.5","mocha":"^5.2.0","node-sass":"^4.9.3","postcss-import":"^12.0.0","rollup":"^0.65.2","rollup-plugin-buble":"^0.19.2","rollup-plugin-commonjs":"^9.1.6","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-uglify":"^5.0.2","sass-loader":"^7.1.0","style-loader":"^0.23.0","ts-loader":"^5.1.0","typescript":"^3.0.3","vue":"^2.5.17","vue-loader":"^15.4.1","vue-style-loader":"^4.1.2","vue-template-compiler":"^2.5.17","webpack":"^4.17.2","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.7"},"dependencies":{"perfect-scrollbar":"^1.4.0"},"gitHead":"a70f6621387dd18ce873550df8485bfe72d4f637","bugs":{"url":"https://github.com/mercs600/vue2-perfect-scrollbar/issues"},"homepage":"https://github.com/mercs600/vue2-perfect-scrollbar#readme","_id":"perfect-scrollbar-vue2@1.2.0","_npmVersion":"6.0.0","_nodeVersion":"8.11.3","_npmUser":{"name":"onexdata","email":"njsteele@gmail.com"},"dist":{"integrity":"sha512-O/peFxgzTfO/b7QECY+PG8SzozusCsVBfsaGfnxu8jNfcaV2Ohn0wSEOrv9P5J9Es6h2hD2kgx7w0lTqyc75Sg==","shasum":"d479f042f527ffd92da9c5bd77b725f476b7b84b","tarball":"https://registry.npmjs.org/perfect-scrollbar-vue2/-/perfect-scrollbar-vue2-1.2.0.tgz","fileCount":24,"unpackedSize":338992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB+5FCRA9TVsSAnZWagAAbiMP/0T9MfePY3+6C15zckZZ\ndwNKkZuaADnYxinsHXY5KtpIGiwho/Ti00nVs469+D1j1LUIUCxqZf3Ftefz\nFlyPg0WbV/43Phawqx3/uOpNSlpu0GKONWXBewBWCy7sOWvqIZY/IUucCTFO\n/x9xYquLmivtDMnEpTqEEfVaqI/i3qnThdd6xiy73Xp2u4pfCwqbXiYxfGpD\nn4GyBYh7yuICMO09A7Gw9mYkheTrDHQg4Fj/+l4thqn2gdsUsfeSN0hhLf5F\neRiIveBEdW/+6AP6y5FN8FJft+rUrydW7HaPMctFG/3KB55s9ME9djwvvtKQ\njJsslagz1OqAS8EkmLgIUmO7uNgm1URfi2d8l1uPC2eq7afRmlgmNYZ6gylL\nPvj6HIZ8WyMajO8tWf7V+Bdzqn/BgN4VjjF6kz0eJp4o42Qqj9HZ9R5ycok6\nm7KGQNhwFDJcX8SQdjZCD0mcNgxoxoo383x8jE7jDRhlP+MSi8T9XC/1Kqzt\nSPdTt91D51xRPAfovPleOiYksJ31Zut8B/KrSH4P6p7a7IBNo5q5kHRAagMh\n/nuNFqbsRXz7pHzNep9eq4ckkOcOZIyUhZ359r7E9mKv1MdXhreN0EzEd+jF\n4KvZXf1JterIs1imQJEOjOHBBhMBiRjCfYc6oJvg5tv34YYGl7U4Nbnmts0r\nfi/1\r\n=xAP3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICYHp67ku8hVVINImrsWOL0iTCUbYxEDqoiPCWFhaTu0AiA4/PCRe4sax0SJA3MYEugBSIMeVgKYWR6VKJmpmiZ2Og=="}]},"maintainers":[{"name":"onexdata","email":"njsteele@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/perfect-scrollbar-vue2_1.2.0_1544023619972_0.6949400176136629"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-05T15:26:59.971Z","1.2.0":"2018-12-05T15:27:00.070Z","modified":"2022-05-12T19:24:47.513Z"},"maintainers":[{"name":"onexdata","email":"njsteele@gmail.com"}],"description":"Vue.js wrapper for perfect scrollbar","homepage":"https://github.com/mercs600/vue2-perfect-scrollbar#readme","keywords":["frontend","scroll","scrollbar","vue"],"repository":{"type":"git","url":"git+https://github.com/mercs600/vue2-perfect-scrollbar.git"},"author":{"name":"Adam Marcinkowski","email":"developer@mercs600.pl"},"bugs":{"url":"https://github.com/mercs600/vue2-perfect-scrollbar/issues"},"license":"MIT","readme":"# Note\r\n\r\nThis is a fork of Vue2-perfect-scrollbar.  This is being done because there are currently mobile performance issues in perfect scrollbar that were fixed\r\nalmost a year ago, but still not merged, along with 18 other PRs.  In order to get a performant component quickly, I forked this with very tiny mods.\r\n\r\n# vue2-perfect-scrollbar\r\nVue.js minimalistic but powerful wrapper for perfect scrollbar\r\n\r\n# Why I Created it ? \r\nBecause I ❤️ to use [perfect-scrollbar](https://github.com/utatti/perfect-scrollbar) in my projects (🙌 [utatti](https://github.com/utatti)). But also because the current solutions on github are outdated or overcomplicated.\r\n\r\n# Why would you use it ? \r\n\r\nBecause you want to load [perfect-scrollbar](https://github.com/utatti/perfect-scrollbar#) to your Vue project in an easy way. But also because this plugin is updated, tested and build by rollup. So you will not find any unnecessary 💩 code in this repo. I hope 🙏.\r\n\r\nIf you have any reasonable PR you are welcome 🤘\r\n\r\n# Install\r\n## npm\r\n\r\n```sh\r\nnpm install vue2-perfect-scrollbar\r\n```\r\n\r\n## yarn \r\n\r\n```sh\r\nyarn add vue2-perfect-scrollbar\r\n```\r\n\r\n# How to use \r\n\r\n## Global Registration\r\n\r\n```js\r\nimport PerfectScrollbar from 'vue2-perfect-scrollbar'\r\nimport 'vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.css'\r\n\r\nVue.use(PerfectScrollbar)\r\n```\r\n\r\nSo then you can use this plugin in each component as\r\n\r\n```html\r\n<perfect-scrollbar>\r\n    <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>\r\n</perfect-scrollbar>\r\n```\r\n\r\n[![Edit Vue Template](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/wn7q7o9ww7)\r\n\r\n### Global options\r\n\r\nInstall method takes additional parameters:\r\n\r\n#### `name {String}`\r\nName of your global component.\r\n\r\n**Default**: `PerfectScrollbar`\r\n\r\n#### `tag {String}`\r\nTag which will be render as perfect scrollbar container\r\n\r\n**Default**: `div`\r\n\r\n#### `options {Object}`: [Options](https://github.com/utatti/perfect-scrollbar#options)\r\nperfect-scrollbar options.\r\n\r\n**Default**: `{}`\r\n\r\n## Local Registration\r\n\r\n```html\r\n<template>\r\n    <div>\r\n        <perfect-scrollbar>\r\n            <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>\r\n        </perfect-scrollbar>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { PerfectScrollbar } from 'vue2-perfect-scrollbar'\r\nexport default {\r\n    components: {\r\n        PerfectScrollbar\r\n    }\r\n}\r\n</script>\r\n<style src=\"vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.css\"/>\r\n```\r\n\r\n[![Edit Vue Template](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/32o7m59xzm)\r\n\r\n# Props \r\n\r\n\r\n#### `tag {String}`\r\nTag which will be render as perfect scrollbar container\r\n\r\n**Default**: `div`\r\n\r\n#### `options {Object}`: [Options](https://github.com/utatti/perfect-scrollbar#options)\r\nperfect-scrollbar options.\r\n\r\n# Events\r\n\r\nYou can listen on every event which offer you perfect-scrollbar. [Read more](https://github.com/utatti/perfect-scrollbar#events)\r\n\r\n# DEMO\r\n\r\n[https://mercs600.github.io/vue2-perfect-scrollbar/](https://mercs600.github.io/vue2-perfect-scrollbar/). You can also fork example from [codesandbox](https://codesandbox.io/embed/32o7m59xzm)\r\n\r\n# Cookbook\r\n\r\nSoon\r\n","readmeFilename":"README.md"}