Vue paginator

paginator.txt

Ha uma chamada para a API direto na renderizacao do componente.

<vpaginator ref="paginator" :options="$defaultPaginatorConfig" resource_url="/atlas/planejamentos" @update="updateResource"></vpaginator>

---------------------------

O script esta assim:

<script>

  import AuthService from '@/services/auth'
  import {mapState} from 'vuex'

  export default {
    data() {
      return {
        services: [],
        newPlanningLabel: '',
        showNewPlanningForm: false,
      }
    },
    beforeMount() {
      this.permission = AuthService.permission
    },
    computed: {
      ...mapState('warehouse/', ['selectedWarehouse'])
    },
    methods: {
      updateResource(data) {
        this.services = data
        this.services.forEach(it => {
          it.qty = it.orders.length
        })
      },
      createNewPlanning() {
        this.$http.post('/atlas/plannings', {label: this.newPlanningLabel}).then(() => {
          this.$refs.paginator.fetchData()
        })
      },
      triggerNewPlanning() {
        this.showNewPlanningForm = !this.showNewPlanningForm
      }
    }
  }
</script>

----------------

Eu gostaria de filtrar os services a partir das informacoes do state do Vuex, mas nao consigo entender onde fazer esse filtro, se direto na declaracao ou se desenvolvo um metodo pra isso.