- Changes before version 1.2.1 not documented (see commit history)
- Project follows Semantic Versioning
- New
animate
prop added which slightly rotates and expands the star on mouseover - New
active-on-click
prop applies active colors on click rather than on hover when set - New
active-border-color
prop, which allows border colour to be changed when star is active (issue #34) active-color
andactive-border-color
now optionally accept an array of color values, which can be used as break points- :glow no longer requires glow-color to be set (thanks to @bifot)
- Screen readers are now supported. You can change the default message ("Rated {{rating}} out of {{maxRating}} stars") by using the
screen-reader
scoped slot:
<star-rating>
<template v-slot:screen-reader="slotProps">
This product has been rated {{slotProps.rating}} out of {{slotProps.stars}} stars
</template>
</star-rating>
- Better support for touch screen devices
- Refactor parseAlphaColor method into own class
- Refactor star.vue
- Code updated to Vue 3
- Examples updated to Vue 3
rating-selected
event renamed toupdate:rating
for use witnv-model
current-rating
event renamed tohover:rating
(note: kebab-case is usually preferred, but this format has been chosen for consistency with the update:rating event so rule ignored for star-rating.vue)vue-cli-service
now being used for builds and dev- Deprecated babel-preset-es2015 replaced with "@babel/preset-env" for tests
- Tests rewritten using vue-test-utils with jest (vue-jest)
- Eslint now executed via vue cli and lint rules updated with "plugin:vue/vue3-recommended"
- Update Node versions in travis.yml
- Various dependencies updated / removed
- Fixes issue where round-start-rating isn't respected when initial value is set via an async call
- Add rounded corners (thanks to @SparoHawk)
- Add custom star shapes (thanks to @SparoHawk)
- Add glow prop, for a subtle glow when star selected
- Add glow-color prop
- Add viewbox attribute
- Space by adding right margin to star div in star-rating.vue, rather than on SVG
- Fixed Screenshot im Readme.md
- Added
round-start-value
prop - Fixed dead column of pixels allowing rating to be reset to 0
- Added new tests
- Updated Readme
- RTL Support Added via
rtl
prop (closes issue #11). fixed-points
prop added.- css class names changed to avoid name clashes causing unexpected formatting issues (solves issue #12).
- Webpack added for build, development and tests.
- Webpack configs added for dev & dist whcih now exports a single UMD module.
- ESLint, eslint-config-vue and eslint-plugin-vue added.
- Scripts added to package.json for linting (global & local eslint & plugins required to run this).
- Browserify & gulp removed.
- Browserify transforms removed from package json as they are no longer required with UMD module.
- Further tests added for new features.
- Added rtl example.
- Created new commonjs example.
- Readme updated.
- Added v-model support
- Added new v-model example
- Updated Readme
- Added Watchify for development
- ChangeLog
- Updated Readme
- Added new
watch
task to gulpfile.babel.js