{"id":16962041,"url":"https://github.com/wangdahoo/vswipe","last_synced_at":"2025-03-17T08:37:37.064Z","repository":{"id":89195855,"uuid":"82254763","full_name":"wangdahoo/vswipe","owner":"wangdahoo","description":"A Vue Swipe Component.","archived":false,"fork":false,"pushed_at":"2017-03-29T15:00:16.000Z","size":769,"stargazers_count":93,"open_issues_count":5,"forks_count":11,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-02-27T21:39:32.945Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wangdahoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"publiccode":null,"codemeta":null}},"created_at":"2017-02-17T03:50:01.000Z","updated_at":"2023-07-11T00:56:36.000Z","dependencies_parsed_at":"2023-03-29T20:34:16.647Z","dependency_job_id":null,"html_url":"https://github.com/wangdahoo/vswipe","commit_stats":{"total_commits":31,"total_committers":2,"mean_commits":15.5,"dds":"0.12903225806451613","last_synced_commit":"12e0d9fc66a9499238a7337bc3da045fb060753e"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangdahoo%2Fvswipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangdahoo%2Fvswipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangdahoo%2Fvswipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wangdahoo%2Fvswipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wangdahoo","download_url":"https://codeload.github.com/wangdahoo/vswipe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243852499,"owners_count":20358271,"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":[],"created_at":"2024-10-13T23:05:03.490Z","updated_at":"2025-03-17T08:37:37.048Z","avatar_url":"https://github.com/wangdahoo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VSwipe.js\n\n\u003e Brad Birdsall's Swipe.js as a Vue 2.0 component.\n\n## Demo\n\nhttps://wangdahoo.github.io/vswipe/\n\n## Install\n\n```bash\nnpm i vswipe -S\n```\n\n```js\nimport Vue from 'vue'\nimport VSwipe from 'vswipe'\nVue.use(VSwipe)\n```\n\n\u003e if you include `vswipe.js` by a `\u003cscript\u003e` tag, you can use it directly.\n\n## Usage\n\nVSwipe only need a simple pattern too. Here's an example:\n\n```html\n\u003cswipe\u003e\n  \u003cswipe-item\u003e\u003cb\u003e0\u003c/b\u003e\u003c/swipe-item\u003e\n  \u003cswipe-item\u003e\u003cb\u003e1\u003c/b\u003e\u003c/swipe-item\u003e\n  \u003cswipe-item\u003e\u003cb\u003e2\u003c/b\u003e\u003c/swipe-item\u003e\n\u003c/swipe\u003e\n```\n\n## Config Options\n\n- startSlide Integer (default:0) - index position Swipe should start at\n\n- speed Integer (default:300) - speed of prev and next transitions in milliseconds.\n\n- auto Integer - begin with auto slideshow (time in milliseconds between slides)\n\n- continuous Boolean (default:true) - create an infinite feel with no endpoints\n\n- disableScroll Boolean (default:false) - stop any touches on this container from scrolling the page\n\n- stopPropagation Boolean (default:false) - stop event propagation\n\n- callback Function - runs at slide change.\n\n- transitionEnd Function - runs at the end slide transition.\n\n#### Example\n\n```html\n\u003cswipe :options=\"swipeOptions\"\u003e\n  \u003cswipe-item\u003e\u003cb\u003e0\u003c/b\u003e\u003c/swipe-item\u003e\n  \u003cswipe-item\u003e\u003cb\u003e1\u003c/b\u003e\u003c/swipe-item\u003e\n  \u003cswipe-item\u003e\u003cb\u003e2\u003c/b\u003e\u003c/swipe-item\u003e\n\u003c/swipe\u003e\n\u003cscript\u003e\n  export default {\n    data () {\n      return {\n        swipeOptions: {\n          startSlide: 0,\n          speed: 300,\n          auto: 4000,\n          continuous: true,\n          disableScroll: false,\n          stopPropagation: false,\n          callback: function (index, slide) { console.log('slide changes') },\n          transitionEnd: function (index, slide) { console.log('slide transition ends') }\n        }\n      }\n    }\n  }\n\u003c/script\u003e\n```\n\nOr check this out: [https://github.com/wangdahoo/vswipe/blob/master/examples/index.html](https://github.com/wangdahoo/vswipe/blob/master/examples/index.html)\n\n## VSwipe instance API\n\n`prev()` slide to prev\n\n`next()` slide to next\n\n`getPos()` returns current slide index position\n\n`getNumSlides()` returns the total amount of slides\n\n`slide(index, duration)` slide to set index position (duration: speed of transition in milliseconds)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangdahoo%2Fvswipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangdahoo%2Fvswipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangdahoo%2Fvswipe/lists"}