Version 2.1.0

Release Notes

In 2.1.0 support has been added for rtl (right-to-left) in all built in components through the use of the new rtl prop.

<star-rating :rtl="true" :increment="0.5"></star-rating>

In previous versions programmers using rtl would experience the raters displaying in left-to-right when using increments smaller than 1 (see Issue #10 )

There have also been some internal changes to the class names to avoid name clashes, so if you're targeting them for any reason, you will need to update the class names as follows:

Old Class Name	New Class Name
.rating item	.vue-rate-it-rating-item
.pointer	.vue-rate-it-pointer
.rating	.vue-rate-it-rating
.inline	.vue-rate-it-inline
.rating-text	.vue-rate-it-rating-text
.rating-container	.vue-rate-it-rating-container

This version also fixes an issue with a 'dead' column of pixels that allowed users to reset the rating to 0 when clicked.

Version 2.0.1

Release Notes

Just a little housekeeping in this patch release:

• Fixes typo in README.md
• Update Changelog
• Cleanup font-awesome glyph build script

Version 2.0.0

Release Notes

This version includes some breaking changes for the fa-rating component, so the major version has been bumped. It is strongly recommended that users upgrade to this version as it has a greatly reduced file size

What's New

• The font-awesome port has been separated from the main bundle reducing file size from 700kB to 19kB (Fixes #9 )
• Font awesome glyphs have been placed in to individual files which can now been imported from vue-rate-it/glyphs using the font-awesome glyph name (excluding preceding 'fa'):

import ThumbsUp from 'vue-rate-it/glyphs/thumbs-up'

• You are now required to register the font awesome glyphs you want to use directly on the fa-rating component

<template>
  <fa-rating :glyphs="thumbsUp"></fa-rating>
</template>

<script type="text/javascript">
  import {FaRating} from 'vue-rate-it'
  import ThumbsUp from 'vue-rate-it/glyphs/thumbs-up'

  export default {
    components: {
      FaRating
    },
    created() {
       this.thumbsUp = ThumbsUp
    },
    data(){
      return {
        thumbsUp: ''
      }
    }  
  }
</script>

• The fa-rating CDN exposes glyphs via VueRate.Glyphs['glyph-name'], so if you are using the CDN you will need to register the glyph like so:

new Vue({
    el: '#app',
    created() {
       this.thumbsUp = VueRateIt.Glyphs['thumbs-up']
    },
    data(){
      return {
        thumbsUp: ''
      }
    }  
});

The CDN still includes the entire port of font-awesome glyphs and is over 700kB is size. It is strongly recommended you so not use it for production purposes.

Version 1.1.5

• Fixes issue #4 which caused div to be placed inside span

Version 1.1.4

Version 1.1.4 makesvue-rate-it easier to import into projects using different build processes by bundling a UMD module for use as the entry point.

Overview:

• Created new pre-transpiled distributable and set it as main entry point.
• vue-loader, babel-loader, vueify or babelify are no longer required.
• Added new CDN for full library.
• CDN's moved to dist/cdn folder.
• Updated examples to use full library CDN
• Updated README.md
• Updated Docs

Version 1.1.3

This version adds now includes pre-transpiled mixins, so there is no longer any need to add additional webpack configuration

Version 1.1.2

Removed extra brace from webpack example in README

Version 1.1.1

• Fix Typos in README.md

Version 1.1.0

• Added export of individual font awesome glyphs.
• Added extendable base glyph for font-awesome to allow use of glyphs without importing all of them.
• Added new rate-it component for passing custom rating items.
• Moved glyphs file to root so it can be accessed by import {fa_glyph} from 'vue-rate-it/glyphs';
• Added new "extendable" example.
• Updated "Extending" section of docs.

Version 1.0.0

Initial release