vue-error-1.js

import { mapActions, mapState } from 'vuex'

export default {
  computed: mapState({
    services: (state) => state.services
  }),
  methods: mapActions([
    'getServices'
  ]),
  async created () {
    try {
      await this.getServices()
    } catch (err) {
      this.$snackbar.open({
        message: 'Something went wrong getting your list of services',
        type: 'is-danger',
        position: 'is-top',
        actionText: 'Retry',
        onAction: this.getServices // if this fails, no error is shown
      })
    }
  }
}

vue-error-2.js

import { mapState } from 'vuex'

export default {
  computed: mapState({
    services: (state) => state.services
  }),
  methods: {
    async dispatch (action, errorMessage) {
      try {
        await this.$store.dispatch(action)
      } catch (err) {
        this.$snackbar.open({
          message: errorMessage,
          type: 'is-danger',
          position: 'is-top',
          actionText: 'Retry',
          onAction: this.dispatch.bind(this, action, errorMessage)
        })
      }
    }
  },
  created () {
    this.dispatch('getServices', 'Something went wrong getting your list of services')
  }
}