title: NuxtJs Cannot recall this.$fetch() inside methods
body: <p>I have table filters inside my data which I will be used to reload my table with it, I am using this.$fetch() to do that but just so happen that I cannot recall in from any of my methods</p>
  
  <pre><code>&lt;script&gt;
  import { mapState } from 'vuex'
  
  export default {
    async fetch({ store, error }) {
      try {
        await store.dispatch('exams/fetchExams', this.examTableFilter)
      } catch (e) {
        error({
          statusCode: 503,
          message: 'Unable to fetch exams at this time. Please try again.'
        })
      }
    },
    data() {
      return {
        examTableFilter: {
          page: 1,
          length: 10,
          search: '',
          examType: 'ism'
        },
        isModalCrewNewExamActive: false,
        isNew: 1
      }
    },
    computed: mapState({
      exams: (state) =&gt; state.exams.exams
    }),
    methods: {
      refresh() {
        this.$fetch()
      }
    }
  }
  &lt;/script&gt;
  </code></pre>