Skip to content

Commit 776d43a

Browse files
author
Bartosz Dominiak
committed
Merge branch 'release/0.1.0-alpha.1'
2 parents 9bd700c + 6371116 commit 776d43a

35 files changed

+8510
-1792
lines changed

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
node_modules
22
.DS_Store
3-
dist
3+
dist/stats.json
4+
storybook-static

App.vue

Lines changed: 0 additions & 70 deletions
This file was deleted.

CHANGELOG.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# Changelog
2+
All notable changes to this project will be documented in this file.
3+
4+
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
5+
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
6+
7+
## [Unreleased]
8+
9+
## [0.1.0-alpha.1] - 2020-06-12
10+
### Added
11+
- Project init

README.md

Lines changed: 40 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,49 @@
1-
# vue-carousel
1+
# vue-snap
2+
> Lightweight Slider/Carousel based on CSS Scroll Snap and Vue
23
34
## About
4-
This is PoC Carousel (Slider) based on Scroll Snap and Observer API. I'm currently looking for best way to improve sliders performence for one of my client. With scroll snap we're not obligated to load additional libs with heavy calculations.
5+
Please note that this lib is on very early stage. The idea behind this plugin is that to create fully responsive and well optimised Carousel. I created this as PoC for one of my biggest client, who wants to speed up his website, with other than existing solutions like VueCarousel.
56

6-
## Know issues (Bugs)
7-
- Snap scrolling not supported in IE
7+
## Benefits:
8+
- Lightweight and Fully responsive
9+
- You can set how many slides you want to display per current breakpoint
10+
- There is no calculation or heavy logic inside (Performence)
11+
- All custamization via CSS
12+
13+
## Know issues / limitless
14+
- Not supported in IE
15+
- Carousel not working properly with unknown Slides width
16+
- Missing CSS recalculation for dynamicly added Slides
17+
18+
## Usage
19+
There are two ways to run it.
20+
21+
### Globally
22+
23+
```js
24+
import Vue from 'vue'
25+
import VueSnap from 'vue-snap'
26+
27+
Vue.use(VueSnap)
28+
```
29+
30+
### Locally
31+
32+
```js
33+
import { Carousel, Slide } from 'vue-snap'
34+
35+
export default {
36+
components: {
37+
Carousel,
38+
Slide
39+
}
40+
}
41+
```
842

943
## Development
1044

11-
Install necessary depandancies
45+
Install necessary depandancies with yarn or npm
46+
1247
```
1348
yarn
1449
```

assets/base.scss

Lines changed: 0 additions & 19 deletions
This file was deleted.

assets/icons/arrow.svg

Lines changed: 0 additions & 3 deletions
This file was deleted.

assets/icons/arrow.vue

Lines changed: 0 additions & 5 deletions
This file was deleted.

assets/main.scss

Lines changed: 0 additions & 1 deletion
This file was deleted.

assets/mixins/_mq.scss

Lines changed: 0 additions & 19 deletions
This file was deleted.

assets/variables.scss

Lines changed: 0 additions & 19 deletions
This file was deleted.

0 commit comments

Comments
 (0)