Using Global Dialog, Loader, snackbar and Breadcrumbs – Laravel Starter Kit Documentation

// showing a dialog
this.$store.commit('showDialog',{
    type: "confirm", // confirm or alert, when alert, ok and cancel buttons are not shown on dialog
    title: "Confirm Deletion",
    message: "Are you sure you want to delete this group?",
    okCb: ()=>{
        // do things when ok is click
    },
    cancelCb: ()=>{
        // do hings when cancel is click
    }
});

// updating breadcrumbs
// label parameter is the label to show on breadcrumbs
// name parameter is the vue name route
this.$store.commit('setBreadcrumbs',[
    {label:'Users',name:'users.list'},
    {label:'Groups',name:''},
]);

// showing a snackbar
this.$store.commit('showSnackbar',{
    duration: 3000, // duration in milliseconds, defaults to 3000
    message: 'You message here.',
    color: 'success', // values can be success,error,info,warning
});

// showing & hiding the global loader
this.$store.commit('showLoader');
this.$store.commit('hideLoader');

// showing a dialog

this.$store.commit('showDialog',{

type: "confirm", // confirm or alert, when alert, ok and cancel buttons are not shown on dialog

title: "Confirm Deletion",

message: "Are you sure you want to delete this group?",

okCb: ()=>{

// do things when ok is click

cancelCb: ()=>{

// do hings when cancel is click

}

});

// updating breadcrumbs

// label parameter is the label to show on breadcrumbs

// name parameter is the vue name route

this.$store.commit('setBreadcrumbs',[

{label:'Users',name:'users.list'},

{label:'Groups',name:''},

]);

// showing a snackbar

this.$store.commit('showSnackbar',{

duration: 3000, // duration in milliseconds, defaults to 3000

message: 'You message here.',

color: 'success', // values can be success,error,info,warning

});

// showing & hiding the global loader

this.$store.commit('showLoader');

this.$store.commit('hideLoader');