Vue Star Rating Versions Save

Version 1.3.0 adds support for v-model when using Vue 2.2 and above:

Markup

<star-rating v-model="boundRating"></star-rating>

View Model

import StarRating from 'vue-star-rating';

export default {
  components:{
    StarRating
  },
  data(){
    return {
     boundRating: 0
   }
  }
}

Thanks to @acro5piano for the input on this feature.

• Updated README.md
• Added Changelog
• Added watchify for development

Default border color updated to #999 for better contrast when stars are unselected.

Version 1.2.0 adds the ability to add borders to stars via 2 new props:

• border-width - Sets the width of the border
• border-color - Sets the color of the border

It is now also possible to set the width between stars using the new padding prop.

This version also fixes an issue where the stars would remain highlighted if the cursor continues to move on the same row.

'id' prop in Star.vue has been updated to star-id, this fixes an issue where multiple id's with the same name are placed on the page. This is an internal change only.

In this minor release a new inline prop has been added, which allows you to specify whether you want your star rating to display inline.

Release Notes

There aren't any breaking changes in this release, however, if you have been targeting id's they have now been changed to classes to prevent multiple id's with the same name appearing on the page:

#stars is now .star-rating #rating-text is now .rating-text

This release should now solve all the npm issues and package should now work consistently with both webpack and browserify.

Updates:

• Removed the pre-transpiled code, as this causes an error with the runtime-only build which could lead to confusion.
• Reset the main file back to src/star-rating.vue so these will now need to be compiled.
• Checked that component compiles with both webpack/vue-loader/babel-loader and browserify/vueify/babelify build configurations.

This release fixes a few issues with the npm package.

Docs update only

• Fixed an error in the docs which incorrectly stated that the read-only was true by default and that stars were read only when this prop was set to false.
• Added a little more detail to the docs

Update Readme: -Incorrect CDN url was previously given -Example of reactive prop added

Version now synced with npm version.