{"id":18748953,"url":"https://github.com/probil/vue-product-carousel","last_synced_at":"2025-04-12T23:31:10.477Z","repository":{"id":9796193,"uuid":"63371440","full_name":"probil/vue-product-carousel","owner":"probil","description":"Simple product carousel with hot image replacement, Zoom and Swipe mode","archived":true,"fork":false,"pushed_at":"2025-03-11T17:07:11.000Z","size":2113,"stargazers_count":38,"open_issues_count":12,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T02:58:17.464Z","etag":null,"topics":["carousel","swipe","vue"],"latest_commit_sha":null,"homepage":"https://vue-product-carousel.netlify.com/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/probil.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-07-14T21:36:27.000Z","updated_at":"2025-03-11T18:59:40.000Z","dependencies_parsed_at":"2024-02-26T05:24:22.033Z","dependency_job_id":"ff15e925-bdd4-4a10-b8b7-412df1df2b4f","html_url":"https://github.com/probil/vue-product-carousel","commit_stats":{"total_commits":353,"total_committers":8,"mean_commits":44.125,"dds":0.3087818696883853,"last_synced_commit":"9f158250661073d010a104a3dda6a7ecc10e7f8c"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/probil%2Fvue-product-carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/probil%2Fvue-product-carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/probil%2Fvue-product-carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/probil%2Fvue-product-carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/probil","download_url":"https://codeload.github.com/probil/vue-product-carousel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647257,"owners_count":21139081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["carousel","swipe","vue"],"created_at":"2024-11-07T17:05:37.187Z","updated_at":"2025-04-12T23:31:09.806Z","avatar_url":"https://github.com/probil.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Product Carousel\n[![Build Status](https://badgen.net/circleci/github/probil/vue-product-carousel/master)](https://circleci.com/gh/probil/vue-product-carousel/tree/master)\n[![npm](https://img.shields.io/npm/v/vue-product-carousel.svg)](https://www.npmjs.com/package/vue-product-carousel)\n[![Github file size](https://img.shields.io/github/size/probil/vue-product-carousel/dist/lib/VueProductCarousel.umd.min.js.svg)](https://raw.githubusercontent.com/probil/vue-product-carousel/master/dist/lib/VueProductCarousel.umd.min.js)\n[![npm](https://img.shields.io/npm/dm/vue-product-carousel.svg)](https://www.npmjs.com/package/vue-product-carousel)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/probil/vue-product-carousel/master/LICENSE)\n[![Vue2](https://img.shields.io/badge/Vue-2.x-brightgreen.svg)](https://vuejs.org/)\n\n\u003e Simple product carousel with hot image replacement, Zoom and Swipe mode\n\n## Usage\n\nTo be able to use this component you should install it first\n```bash\nnpm i --save vue-product-carousel\n```\nThen import it:\n```js\nimport ProductCarousel from 'vue-product-carousel'\n```\n\nUse `ProductCarousel` component and pass your images as `images` prop:\n\n```vue\n\u003ctemplate\u003e\n  \u003cProductCarousel :images=\"images\"\u003e\n    Sidebar content here\n  \u003c/ProductCarousel\u003e\n\u003c/template\u003e\n\u003cscript\u003e\nexport default {\n  components: {\n    ProductCarousel,\n  },\n  data() {\n    return {\n      images: [\n        'http://lorempixel.com/1000/1000/business/1/',\n        'http://lorempixel.com/1000/1000/business/2/',\n        'http://lorempixel.com/1000/1000/business/3/',\n      ]\n    }\n  },\n}\n\u003c/script\u003e\n```\n\n## Polyfills\n\nLibrary use few browser built-ins and *doesn't* include polyfills for them. This ensures you don't include unnecessary polyfills in your code, as it should be the responsibility of the consuming app to include them.\n\n[Vue CLI includes them in babel config by default](https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/babel-preset-app#polyfills) but here is a list (in case you what to add them manually):\n```\n# for core-js@2\nes6.object.assign\nes6.symbol # optional\n\n# for core-js@3\nes.object.assign\nes.symbol  # optional\n```\n\nFor direct usage in browser consider using https://polyfill.io/v3/\n\n\n## Scripts\n\n``` bash\n# installs dependencies\nnpm install\n\n# serves demo with hot reloading\nnpm run serve\n\n# builds demo\nnpm run build:demo\n\n# builds lib\nnpm run build:lib\n\n# lints and fixes files\nnpm run lint\n```\n\n## Params\n\n|  Name                | Type   | Default  | Required | Description  |\n|  ---               | ---   | ---     | ---      | ---         |\n|  `images`            | Array  | []       | `true`    | Array of image urls that will be used in slider |\n| `body-class-on-zoom` | String | `zoom`   | `false`   | Class that will be added to the `body` while Zoom mode is active. Very useful to hide header/footer in Zoom mode. |\n\n## Credits\n\n- [kalicki](https://github.com/kalicki) for idea.\n- [thebird](https://github.com/thebird/Swipe) for [Swipe](https://github.com/thebird/Swipe) lib\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprobil%2Fvue-product-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprobil%2Fvue-product-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprobil%2Fvue-product-carousel/lists"}