Bad implementation

ResultsPage.bad.vue

<template>
  <div>
    <ul>
      <li v-for="item in results" :key="item.id">
        {{ item.name  }}
      </li>
    </ul>
    
    <Checkbox v-model="filters.isNew" />
    
    <Pagination v-model="page" />
  </div>
</template>

<script>
export default {
  name: 'ResultsPage',
  data: () => ({
    results: [],
    page: 1,
    filters: {
      isNew: false
    }
  }),
  watch: {
    page (page) {
      this.fetchResults({ page })
    },
    filters: {
      deep: true,
      handler (filters) {
        this.fetchResults({ filters })
      }
    }
  },
  created () {
    this.fetchResults()
  },
  methods: {
    async fetchResults ({ filters = this.filters, page = this.page }) {
      const { data: results } = await SomeApiCall({ filters , page })
      this.results = results
    }
  }
}
</script>