{"_id":"@centiva/vue-slick-carousel","_rev":"2-c056ca25072985751829ca8c7b5fd122","name":"@centiva/vue-slick-carousel","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.6":{"name":"@centiva/vue-slick-carousel","version":"1.0.6","description":"Centiva's version of Vue Slick Carousel with True SSR Written for Faster Luxstay","keywords":["vue","slick","carousel","slider","ssr","pwa","nuxt"],"homepage":"https://gs-shop.github.io/vue-slick-carousel/","bugs":{"url":"https://github.com/gs-shop/vue-slick-carousel/issues"},"license":"MIT","author":{"name":"KyuWoo Choi","email":"kyuwoo.choi@gmail.com","url":"https://kyu.io/"},"repository":{"type":"git","url":"git+https://github.com/gs-shop/vue-slick-carousel.git"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib ./src/VueSlickCarousel.vue","build:demo":"vue-cli-service build --dest gh-pages && gh-pages -d gh-pages","lint":"vue-cli-service lint","test:e2e":"vue-cli-service test:e2e","test:unit":"vue-cli-service test:unit","test:unit:watch":"vue-cli-service test:unit --watch","release":"semantic-release --no-ci"},"main":"dist/vue-slick-carousel.umd.js","dependencies":{"enquire.js":"2.1.6","json2mq":"0.2.0","lodash.assign":"^4.2.0","lodash.debounce":"^4.0.8","lodash.get":"^4.4.2","lodash.pick":"^4.4.0","resize-observer-polyfill":"1.5.1","vue":"^2.6.10"},"devDependencies":{"@fortawesome/fontawesome-free":"^5.11.2","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-e2e-cypress":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.0","@vue/cli-plugin-unit-jest":"^4.0.0","@vue/cli-service":"^4.0.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-eslint":"^10.0.3","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-vue":"^5.0.0","fast-check":"^1.19.0","gh-pages":"^2.1.1","github-markdown-css":"^3.0.1","html-loader":"^0.5.5","html-to-react":"^1.4.2","jsdom":"^15.2.1","markdown-loader":"^5.1.0","node-sass":"^4.12.0","prettier":"^1.18.2","prettydiff":"^101.2.6","react":"^16.12.0","react-dom":"^16.12.0","react-slick":"^0.25.2","sass":"^1.19.0","sass-loader":"^8.0.0","semantic-release":"^17.0.4","semantic-release-gitmoji":"^1.3.3","strip-html-comments":"^1.0.0","vue-cli-plugin-vuetify":"^2.0.2","vue-fragment":"^1.5.1","vue-prismjs":"^1.2.0","vue-router":"^3.1.3","vue-server-renderer":"^2.6.10","vue-template-compiler":"^2.6.10","vuetify":"^2.1.12","vuetify-loader":"^1.3.0"},"bit":{"env":{"compiler":"bit.envs/bundlers/vue@2.6.18"},"componentsDefaultDirectory":"components/{name}","packageManager":"yarn","dist":{"target":"dist/bit"},"overrides":{"vue-slick-carousel-theme":{"env":{"compiler":"-"}}}},"gitHead":"02b850e0cfb9cf65fe788a172d69968e8bf13887","_id":"@centiva/vue-slick-carousel@1.0.6","_nodeVersion":"10.16.3","_npmVersion":"6.13.1","dist":{"integrity":"sha512-BHGY44Ill8eb/rvEAFQAcQBmQsFeEzcIwSBPNrqA7S728z81BkS2KesGmMGjXQOJZmKmSXo1UQ0R52u72/JDmg==","shasum":"5837c1111173b0519e2e6b84b85f18d6dfd7ffae","tarball":"https://registry.npmjs.org/@centiva/vue-slick-carousel/-/vue-slick-carousel-1.0.6.tgz","fileCount":21,"unpackedSize":114226,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgePLtCRA9TVsSAnZWagAAr7MP+wdtfXIsUdHZyH1ikWDm\nRzSMLxr8w9E7RO027riyyGwFNS9ddznLKpmKxT7bAD/10LxL2caXF2SiB1kF\niERFJoqMY2kNPRUubLoP1vhb6vnPY5S2LO0BArIJVgLdpLUOXW0AEK4Z47tb\nw979tvHsAPnVJRGFrr8537O7iX0G4e+d+YZGB1LmcK2gdCM155xPiouWK6Jj\njve/q4j+6D/2n7RDsxeWw4pHnU5RTlGMkv5+L2jUlrfdiYANKFm1SvX5i0b1\nHG51JTzFYvGEi7sTIQQwwUksLvgJ+M6HIHRasAwtrNm3MUG0qHzPaWGxd+0y\ngAnoN7vCkMEmbvtTFTnL57kCmd/fF5rsHM6B0v0Ka4ELJsDNwxCEKA4ePSb2\n63O6SlsWnpURYUtymZhR5Is9jurwojjCC7VBaIrxIOk6OEqASknddPfWw3Lm\n/L8bd0bK6AvMBiZcgz2sWcfTNAm7BxiH5MTN+jk20XBOHMNyhoNIuS8R1/D6\nVom/1nkBILEmzqVMUX4QrfQBpsDMa/jxQubeNOD2rPG9Cs9zO4wbEYvMoXbZ\nHz0bL1r9+0Hfg29RjiYfsdWAl9+RWzom6X2ZjquIkSYILpQkT9+M+QQ06ngz\nAyk4R9JhP05ywVb8QZ+mQCgDJpo3LgsvKK6F1Orz2sPb1Mho5nnUahVoMxwA\nKY67\r\n=YWRi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID6zNd7XFUh4N11HeclIqlR7WfHbrfz9OTYDhAcuMrgGAiADyu0mb8kkgH1ZqUXrdncmo+UMlmWITjMO/mgJMnSRmA=="}]},"_npmUser":{"name":"centiva","email":"hubert@centiva.ca"},"directories":{},"maintainers":[{"name":"centiva","email":"hubert@centiva.ca"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slick-carousel_1.0.6_1618539244740_0.4471754558015366"},"_hasShrinkwrap":false},"1.0.7":{"name":"@centiva/vue-slick-carousel","version":"1.0.7","description":"Centiva's version of Vue Slick Carousel with True SSR Written for Faster Luxstay","keywords":["vue","slick","carousel","slider","ssr","pwa","nuxt"],"homepage":"https://gs-shop.github.io/vue-slick-carousel/","bugs":{"url":"https://github.com/gs-shop/vue-slick-carousel/issues"},"license":"MIT","author":{"name":"KyuWoo Choi","email":"kyuwoo.choi@gmail.com","url":"https://kyu.io/"},"repository":{"type":"git","url":"git+https://github.com/gs-shop/vue-slick-carousel.git"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib ./src/VueSlickCarousel.vue","build:demo":"vue-cli-service build --dest gh-pages && gh-pages -d gh-pages","lint":"vue-cli-service lint","test:e2e":"vue-cli-service test:e2e","test:unit":"vue-cli-service test:unit","test:unit:watch":"vue-cli-service test:unit --watch","release":"semantic-release --no-ci"},"main":"dist/vue-slick-carousel.umd.js","dependencies":{"enquire.js":"2.1.6","json2mq":"0.2.0","lodash.assign":"^4.2.0","lodash.debounce":"^4.0.8","lodash.get":"^4.4.2","lodash.pick":"^4.4.0","resize-observer-polyfill":"1.5.1","vue":"^2.6.10"},"devDependencies":{"@fortawesome/fontawesome-free":"^5.11.2","@vue/cli-plugin-babel":"^4.0.0","@vue/cli-plugin-e2e-cypress":"^4.0.0","@vue/cli-plugin-eslint":"^4.0.0","@vue/cli-plugin-unit-jest":"^4.0.0","@vue/cli-service":"^4.0.0","@vue/eslint-config-prettier":"^5.0.0","@vue/test-utils":"^1.0.0-beta.29","babel-eslint":"^10.0.3","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-vue":"^5.0.0","fast-check":"^1.19.0","gh-pages":"^2.1.1","github-markdown-css":"^3.0.1","html-loader":"^0.5.5","html-to-react":"^1.4.2","jsdom":"^15.2.1","markdown-loader":"^5.1.0","node-sass":"^4.12.0","prettier":"^1.18.2","prettydiff":"^101.2.6","react":"^16.12.0","react-dom":"^16.12.0","react-slick":"^0.25.2","sass":"^1.19.0","sass-loader":"^8.0.0","semantic-release":"^17.0.4","semantic-release-gitmoji":"^1.3.3","strip-html-comments":"^1.0.0","vue-cli-plugin-vuetify":"^2.0.2","vue-fragment":"^1.5.1","vue-prismjs":"^1.2.0","vue-router":"^3.1.3","vue-server-renderer":"^2.6.10","vue-template-compiler":"^2.6.10","vuetify":"^2.1.12","vuetify-loader":"^1.3.0"},"bit":{"env":{"compiler":"bit.envs/bundlers/vue@2.6.18"},"componentsDefaultDirectory":"components/{name}","packageManager":"yarn","dist":{"target":"dist/bit"},"overrides":{"vue-slick-carousel-theme":{"env":{"compiler":"-"}}}},"gitHead":"edf8be7e94fc5ae02a86b2e2af9dc162cd8a4ddf","_id":"@centiva/vue-slick-carousel@1.0.7","_nodeVersion":"10.16.3","_npmVersion":"6.13.1","dist":{"integrity":"sha512-YLCNJ17FXCVLi0IL0qgRRWLF2vqn2qxK8VELwroi9ipoaiqoI68VYyDPVSBEUKpqYjxy+TChwV7RVk7CjmOk+g==","shasum":"e51168fd6447daa7a0c5b1ebace4112d430187d0","tarball":"https://registry.npmjs.org/@centiva/vue-slick-carousel/-/vue-slick-carousel-1.0.7.tgz","fileCount":29,"unpackedSize":2255399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgecsQCRA9TVsSAnZWagAAB3UP/004zsROwviI9GqwBMaf\nqO3729OZjvLMof7U4rY67IU8zIzDoNvn0p65HAZTmEGT5RzQO9/hy+iiu5yc\nGYkHFvfODIW+3u7Zi3mI5HxvIdH7lVgbpdiFxzZJ3xiI7nP01zvgQbN/koKi\nWenC+Y7dOXVDkAaNyjrGzZZdGzenG/wu5j8C66MzyI20vefmrZb+/+5fl/bh\n3Js1jyppJ5k0tcAsFrGuT1PdQ1f77nioiuIab1L2wi7O0hHWVDxjMy0iVdEO\n/fz7SoPlY2NCsj6iVYmd/NT1s8H4vmo5NH3mfDEmtse+GaIlqWFDaLaIcYYx\n/AhItdKeZ4ioDt/WJ37pdbSFaXKI3jLPbKp1Tc9X5gLKnkjzpAuT7kxxLvNI\nEtHksg0LJPlQD3Ir7rYF0AcHZkwfb0/u3urtjmo+fFkJbXTQBatLmT62frn3\ndk0q6sxSigeEOXu9DM7LcEcVGhbL7COrV8FSio9qJNd9cuQBH3/Oxhaqpn7J\nZ4WCJtbEoXPlJLzGqZDwrtZOk5VA/ndjucynbI6xHcTgX3qlNuk1skj1i/hL\nCBus2QIClhadIxxpgo3DzQs3YwOTlazSG+MF0puHbg+H4V7ohFRiW7N2f0Op\nHZlTVOIy2GTuGVPXQXf9auPBZAD+cSf2EzxPJxBjjXmp4WVvtkul3FgupLBV\nUf3Z\r\n=dGVC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE52H2RydoO9fagbE67IAfbV/vo5UGcffjvGbXtKpbXfAiEAnoB/XXwXsOIOLNKSCGP9sEEbSl9NfvB6sHpgLu6Ppts="}]},"_npmUser":{"name":"centiva","email":"hubert@centiva.ca"},"directories":{},"maintainers":[{"name":"centiva","email":"hubert@centiva.ca"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-slick-carousel_1.0.7_1618594576354_0.7499096067351669"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-16T02:14:04.694Z","1.0.6":"2021-04-16T02:14:04.869Z","modified":"2022-04-04T22:19:29.525Z","1.0.7":"2021-04-16T17:36:16.545Z"},"maintainers":[{"name":"centiva","email":"hubert@centiva.ca"}],"description":"Centiva's version of Vue Slick Carousel with True SSR Written for Faster Luxstay","homepage":"https://gs-shop.github.io/vue-slick-carousel/","keywords":["vue","slick","carousel","slider","ssr","pwa","nuxt"],"repository":{"type":"git","url":"git+https://github.com/gs-shop/vue-slick-carousel.git"},"author":{"name":"KyuWoo Choi","email":"kyuwoo.choi@gmail.com","url":"https://kyu.io/"},"bugs":{"url":"https://github.com/gs-shop/vue-slick-carousel/issues"},"license":"MIT","readme":"# vue-slick-carousel\n\n> 🚥 Vue Slick Carousel with True SSR Written for Faster [Luxstay](https://www.luxstay.com). This Is a Port of [react-slick](https://github.com/akiran/react-slick).\n\n[![npm version](https://img.shields.io/npm/v/vue-slick-carousel.svg)](https://www.npmjs.com/package/vue-slick-carousel)\n[![bit](https://img.shields.io/bit/collection/total-components/gsshop/vue-slick-carousel)](https://bit.dev/gsshop/vue-slick-carousel/vue-slick-carousel)\n[![license](https://img.shields.io/npm/l/vue-slick-carousel)](https://github.com/gs-shop/vue-slick-carousel/blob/master/LICENSE)\n[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/gs-shop/vue-slick-carousel/issues?&q=is%3Aissue+is%3Aopen)\n[![code with hearth by GSShop](https://img.shields.io/badge/gsshop-%3C%2F%3E%20-cadb2a.svg)](https://github.com/gs-shop)\n[![hearth for Luxstay](https://img.shields.io/badge/luxstay-%20%E2%99%A5%20-ff3333.svg)](https://www.luxstay.com)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n<a href=\"https://gitmoji.carloscuesta.me\">\n<img src=\"https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg?style=flat-square\"\n      alt=\"Gitmoji\">\n</a>\n<br/>\n\n<img src=\"https://user-images.githubusercontent.com/1215767/70643037-a8697b00-1c83-11ea-9bc0-a3ce71d0ef62.gif\" width=\"100%\">\n\n<br/>\n\n## 🎨 Features\n\n|                                                      simple                                                       |                                                      center mode                                                       |                                                      multiple                                                       |                                                           rows                                                           |\n| :---------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------: |\n| ![01 simple](https://user-images.githubusercontent.com/1215767/70865165-bbd75780-1f9d-11ea-8e2d-fc50bf2f322a.png) | ![02 center mode](https://user-images.githubusercontent.com/1215767/70865168-bf6ade80-1f9d-11ea-8d5a-7dd2bf8ba695.png) | ![03 multiple](https://user-images.githubusercontent.com/1215767/70865170-c396fc00-1f9d-11ea-894f-7b38a30d9932.png) | ![04 multiple rows](https://user-images.githubusercontent.com/1215767/70865171-c42f9280-1f9d-11ea-9b98-182d65560694.png) |\n\n|                                                      variable width                                                       |                                                         vertical                                                         |                                                        lazy load                                                        |                                                      synced sliders                                                       |\n| :-----------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------: |\n| ![05 variable width](https://user-images.githubusercontent.com/1215767/70865172-c42f9280-1f9d-11ea-91dc-566ef181759a.png) | ![06 vertical mode](https://user-images.githubusercontent.com/1215767/70865173-c42f9280-1f9d-11ea-93a2-d467cf409fe5.png) | ![07 lazy loading](https://user-images.githubusercontent.com/1215767/70865174-c4c82900-1f9d-11ea-96f7-0a11cc7e1d98.png) | ![08 synced sliders](https://user-images.githubusercontent.com/1215767/70865175-c4c82900-1f9d-11ea-8731-05235efa0d10.png) |\n\nvue-slick-carousel inherits the long-loved slick-carousel features, offers a variety of functions. It has been completely rewritten as a vue component. If you were trying to use the slick-carousel in the vue, it would be a perfect choice. You can use it in a vue component manner without any disparity. It also makes it easy to solve difficult problems such as custom arrows/dots.\n\nFind out all available features on [setting props](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#props) and see how that works on [examples](https://gs-shop.github.io/vue-slick-carousel/#/example/).\n\n<br/>\n\n## True SSR\n\n|             [no-ssr-slick](https://codesandbox.io/s/github/kyuwoo-choi/nuxt-no-ssr-slick-example)             |       [vue-slick-carousel](https://codesandbox.io/s/github/kyuwoo-choi/nuxt-vue-slick-carousel-example)       |\n| :-----------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------: |\n| ![image](https://user-images.githubusercontent.com/1215767/71011941-a3984180-2131-11ea-8fb5-bbcdaf5740c7.png) | ![image](https://user-images.githubusercontent.com/1215767/71011993-b3b02100-2131-11ea-9295-4aca745f0706.png) |\n|                                           FCP: 1920ms & LCP: 3090ms                                           |                                           FCP: 620ms & LCP: 1850ms                                            |\n\nIt is designed to support SSR from the start. vue-slick-carousel supports true SSR. No more `no-ssr` or `client-only` to make it work anyway. If you value website performance, you are in the right place.\n\nHere're nuxt examples for you to test yourself:\n[no-ssr-slick](https://codesandbox.io/s/github/kyuwoo-choi/nuxt-no-ssr-slick-example) vs [vue-slick-carousel](https://codesandbox.io/s/github/kyuwoo-choi/nuxt-vue-slick-carousel-example)\n\n[Find out how fast it is compared to the Top 5 carousels.](https://dev.to/gsshop/vue-js-carousels-ssr-support-and-performance-24nh) And leave what you think.\n\n<br/>\n\n## 🚚 Installation\n\n### yarn/npm/bit\n\n```bash\n# npm\nnpm i vue-slick-carousel\n# yarn\nyarn add vue-slick-carousel\n# bit\nbit import gsshop.vue-slick-carousel/vue-slick-carousel\n```\n\n### cdn\n\n```bash\n# latest\nhttps://unpkg.com/vue-slick-carousel\n```\n\n<br/>\n\n## 🚀 Quick Start\n\nSee [API](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md) & [Examples](https://gs-shop.github.io/vue-slick-carousel/#/example/) to learn advanced usage.\n\n```html\n<template>\n  <div>\n    <VueSlickCarousel :arrows=\"true\" :dots=\"true\">\n      <div>1</div>\n      <div>2</div>\n      <div>3</div>\n      <div>4</div>\n    </VueSlickCarousel>\n  </div>\n</template>\n\n<script>\n  import VueSlickCarousel from 'vue-slick-carousel'\n  import 'vue-slick-carousel/dist/vue-slick-carousel.css'\n  // optional style for arrows & dots\n  import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'\n\n  export default {\n    name: 'MyComponent',\n    components: { VueSlickCarousel },\n  }\n</script>\n```\n\n<br/>\n\n## 📚 Docs\n\n- [examples](https://gs-shop.github.io/vue-slick-carousel/#/example/)\n- [settings props](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#props)\n- [methods](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#methods)\n- [events](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#events)\n- [slots](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#slots)\n- [contributing](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/CONTRIBUTING.md)\n- [commit message convention](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/COMMIT_MESSAGE_CONVENTION.md)\n- [code of conduct](https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/CODE_OF_CONDUCT.md)\n\n<br/>\n\n## 🔖 License\n\nThis software is licensed under the [MIT](https://github.com/gs-shop/vue-slick-carousel/blob/master/LICENSE).\n","readmeFilename":"README.md"}