-
-
Notifications
You must be signed in to change notification settings - Fork 229
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Remove Vueper Slides & replace with Swiper #412
Conversation
190f394
to
8c2a84f
Compare
8c2a84f
to
0949dce
Compare
0949dce
to
e224af9
Compare
Codecov Report
@@ Coverage Diff @@
## master #412 +/- ##
=========================================
- Coverage 0.56% 0.56% -0.01%
=========================================
Files 87 88 +1
Lines 2287 2311 +24
Branches 354 355 +1
=========================================
Hits 13 13
- Misses 2273 2297 +24
Partials 1 1
Continue to review full report at Codecov.
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure why @camc314 comments were marked as resolved by him without further follow-ups and changes.
Aside from that, I've been testing this for some time and everything LGTM.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Been playing more thoroughly with this and I found that the swiper's images get zoomed in when clicking on an Item in Home screen while the transition is running.
It's like the card gets destroyed and the image stops being contained in the size.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's fix that in another PR
e224af9
to
2973626
Compare
2973626
to
fa23495
Compare
Kudos, SonarCloud Quality Gate passed! 0 Bugs No Coverage information |
This removes all instances of Vueper Slides in the code, and replaces all the uses with Swiper. The reasoning is that Swiper is a better library and is officially supported on Vue 3 already.
This also removes some code duplication by creating a
<swiper-section>
component, which is able to take all the options of the various old usages of Vueper and replaces it everywhere. It incorporates the loading skeleton, allows you to override the section title and supports multiple sections on one page (through generating a UUID for each instance, which is then used in the root class of the component in order to differentiate it from other instances of Swiper on the page).This change also leads to fixing a major issue with the old sliders, which prevented usage on mobile. These new sections use per-page navigation on non-mobile devices, while mobile devices use a more mobile-appropriate "free mode" to allow swiping through items easily.