When retrieving a result, it is recommended to store the call in a variable like so:

  var response = this.$store.dispatch('checkFavoriteStore', payload);

You can then access the response using the variable response. The events should return the data back to you.

FURTHER INQUIRY:

I have a small question regarding this scenario.

If you are passing the store ID as a prop to the component, wouldn't it be beneficial to also pass another prop indicating if the store has already been liked? This way, you can fetch this data from the database and avoid the need for an additional check after the component loads. For example:

  <favorite-button :storeid="23" :favorited="true"></favorite-button>

Utilizing the favorited property to adjust the button's state, eliminating the need for the checkFavoriteStore call and reducing the number of HTTP requests required.

I might not be aware of your code or its functionality, but this is just a suggestion?

AFTER ADDITIONAL INFORMATION UPDATE:

Please consider updating your HTTP request to:

Vue.$http.post(window.Laravel.baseUrl+'/member/store/favorite/check-favorite', favorite)
  .then((response) => {
      console.log('success')
      console.log(response.data);
    return response.data;
  }, (response) => {
       console.log('success');
        console.log(response);
    return response;
  });

I have included console logs to provide visibility into the process. Let's see if this improves the situation?

Additionally, try adding a return statement beforehand, as it must return to the original caller:

 return favorite.checkFavorite(payload,
        data => {
            commit(types.CHECK_FAVORITE_SUCCESS)
        },
        errors => {
            commit(types.CHECK_FAVORITE_FAILURE)
            console.log(errors)
        }
    )

Furthermore, do you require such complexity for a simple check like this? Perhaps consider passing the button's state as a prop (as mentioned above) and handling the 'isFavorited' logic within the component itself, avoiding the need for a store in this instance??

UPDATE 2:

If you require a different approach with promises, consider the following::

Vue.$http.post(window.Laravel.baseUrl+'/member/store/favorite/check-favorite', favorite)
  .then((response) => {
      console.log('success')
      resolve(response.data);// replace the return with resolve?
  }, (response) => {
       console.log('success');
        console.log(response);
    reject(response.data);// replace the return with reject?
  });

This adjustment may address the issue at hand??

Here is a creative solution that eliminates the need for a store, offering a convenient alternative:

PHP Page:

    <favorite-button 
        :storeid="{{$storeid}}" 
        :favorited="{{$isFavorited}}"
        :url="{{route('check-favorite')}}"
    ></favorite-button>

    <script>
        (function(){
            import favoriteButton from 'favorite-button';
            new Vue({
                el : '#app',
                components : {
                    favoriteButton
                }
            });
        })();
    </script>

Next, let's look at the component:

    <style lang="sass">
        .heart {
            color: grey;
            &.is-favorited {
                color: red;
            }
        }
    </style>
    <template>
        <button class="btn btn-block btn-success" @click.prevent="updateFavorited($event)">
            <span class="heart" :class="{'is-favorited' : this.favorited }">&heart;</span>&nbsp;<span :text="{this.favoriteText}"></span>
        </button>
    </template>
    <script>
        import axios from 'axios';
        export default{
            props : {
                storeid : {
                    type: Number,
                    required : true,
                    default : () => {}
                },
                favorited : {
                    type: Boolean,
                    required : false,
                    default : false
                },
                url : {
                    type: String,
                    required : true
                }
            },
            computed : {
                favoriteText : function(){
                    return (this.favorited) ? 'Unfavorite' : 'Favorite';
                }
            },
            methods:{
                updateFavorited(event){
                    //-- Update the database - if false, update to true; if true, set to false
                    axios.post(this.url, this.storeid)
                        .then(response => {
                            //-- If successful, update the visual button
                            this.favorited = response.data.favorited
                        })
                        .catch(error => {
                            console.log('error');
                            console.log(error);
                            this.favorited = response.data.favorited
                    });

                }
            }
        }


    </script>

Upon initial page load, pass the store id, current favorite status, and click action URL.

When a user clicks the button, it will update the DB and adjust the text and heart color accordingly.

Consider this as another innovative solution to address any challenges you may be facing!