v2.0.0
This is a major update for vue-swatches, it delivers new functionality, but more importantly, this update really cleans the API, removing, reworking and adding some props. Unfortunately this update comes with a few breaking changes too, make sure to review the migration guide. Without further ado let's review the update.
What is new in this update?
- If you are using Nuxt, now you can add vue-swatches to your project easily, see more...
- Build setup completly migrated to Vue CLI 4
- Brand new documentation site built with Vuepress
- Code coverage is back
- Bundle size reduced in ~1.7kb
And what is new for me?
- The popover got some reworking, now you can especify where to pop up (previously it only pops up bellow the trigger), see more...
- There is a new always-on-screen functionality for the popover out of the box, so it always shows up, regardless if there is enough space
- New prop: spacing size, it handles the gap space between each swatches, see more...
- Now you can show a label bellow each swatch, see more...
- Adding a label also sets the alternative text for each swatch, see more...
- Now you can show the border independently for each swatch, see more...
Things fixed
- The component now is fully compatible with SSR
What's coming next?
- Full keyboard navegability support
- Full Popover accessibility support
- Storybook showcase
- E2E tests
Final Notes
- Documentation for vue-swatches v1.x is live here: https://vue-swatches-v1.netlify.com/
- Want to become a mantainer/contributor? ping me to [email protected]
- If you don't know what Inversion Of Control (IOC) I highly suggest you to see this video, it's a React video, but the main idea is applicable to Vue, it will give you an idea of what is the future of vue-swatches