title: NUXT - asyncData and vue Actions error handling
body: <p>I am on the route <code>http://mywebsite.com/[category that doesn't exist]</code> which (per the code below) throws an error. However, I can't seem to get to the catch block in asyncData.</p>
  <pre><code>async asyncData({ params, store }) {
    try { 
      await store.dispatch('categories/GET_CATEGORIES')
      await store.dispatch('products/GET_products', params.category)
    } catch(e) {
      console.log(e) // doesn't console log anything
    }
  }
  
  </code></pre>
  <p>Vuex action:</p>
  <pre><code>async GET_PRODUCTS({commit}, category) {
    try {
      let url
      if (!category) {
        url = 'some url'
      } else {
        url = 'some other url'
      }
  
      const response = await this.$axios.$get(url)
  
      if (!response.length) throw new Error()
      
      commit('some mutation', response.data)
    } catch(e) {
      console.log(e)
    }
  }
  </code></pre>
  <p>When I throw the error, shouldn't it also call the catch block in asyncData? The reason why I want to do that is because I want to use the router to navigate to the home page if there is an error in the action.</p>
  <p>I have found very little documentation about routing right inside Vuex (its not recommended?). However, asyncData has the <code>context</code> object which includes <code>router</code>.</p>