Vue Agile Versions Save

Fix problem with SASS compilation (#82)

Fix initial slides width

Fix for slides size in fade mode

Fix npm .js bundle

Fix for global component importing

🎉 After more than a year from the last version, I'm happy and excited to inform, that the new v1.0 version is available now! Some features I planed in version 0.4 were for me impossible to realise and I got stuck in it completely. Version 2.6 of Vue.js opened new slots opportunities and I've returned to developing the plugin now. I've learned a lot for that time so I also decided to refactor all code – it should be now cleaner and better optimised.

Changelog

• Code refactoring & optimization – the component was rewritten from scratch
• Responsive/breakpoints optimizations
• Infinite mode optimizations
• A new asNavFor option
• A new slidesToShow param with related centerMode option
• RTL support (based on https://github.com/lukaszflorczak/vue-agile/pull/60)
• Removed clone node actions – Vue slots instead
• Slots support for navigations buttons
• Events: beforeChange, afterChange, breakpoint
• Methods: goTo(), goToNext(), goToPrev(), getCurrentSlide(), getCurrentBreakpoint(), getCurrentSettings(), getInitialSettings(), reload()
• Some useful changes in component structure and CSS classes
• Fix a remaining time for a pause-on-hover option (https://github.com/lukaszflorczak/vue-agile/issues/72)
• A lot of other small fixes and improvements

If you like the component remember to star it ⭐️. If you appreciate my work you can also buy me a coffee ☕️😉

New options/attributes:

• options – all settings in one object
• responsive – object containing breakpoints and settings objects
• mobileFirst – mobile first calculation for responsive settings
• unagile – disable Agile carousel

Changes:

• .agile__dots and .agile__arrow are in the main .agile container now
• all styles that are responsible for the appearance of navigation elements (like dots color and shape, arrows position, etc.) are removed

New options/attributes:

• options – all settings in one object
• responsive – object containing breakpoints and settings objects
• mobileFirst – mobile first calculation for responsive settings