Vue + Semantic-UI Rating

rating.vue

Vue.component('rating', {
  template: `<div class="ui star rating" :data-rating="value"></div>`,
  props: ['value'],
  watch: {
    value: function (val, oldVal) {
      if (val == null) {
        $(this.$el).rating('clear rating');
      }
    }
  },
  mounted() {
    let t = this;
    $(this.$el).rating({
        fireOnInit: true, 
        onRate(val) {
          t.$emit('input', val);
        }
      });
  }
});