StarRating Vue -- 8d

App.8d.vue

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <star-rating
      :rating="rating"
    />
    <rating-inputs
      :rating="rating"
      @rating-update="handleRatingUpdate"
    />
  </div>
</template>

<script>
// ...
export default {
  // ...
  data () {
    return {
      rating: 5
    }
  },
  methods: {
    handleRatingUpdate (data) {
      let {
        rating
      } = data

      this.rating = rating
    }
  }
}
</script>