DisplayPerPageExample.vue

<template>
  <f-display-per-page :options="options" :change="updateSelected" />
</template>

<script>
export default {
  data: () => ({ selected: 10 }),

  computed: {
    options() {
      const items = [
        { label: 10, value: 10, selected: this.selected === 10 },
        { label: 25, value: 25, selected: this.selected === 25 },
        { label: 50, value: 50, selected: this.selected === 50 }
      ]

      return items
    }
  },

  methods: {
    updateSelected({ value }) {
      this.selected = value
    }
  }
}
</script>