Add the spinner component to App.vue instead of Accounts.vue so that is usable from all pages.

Update showSpinner function to accept the message to be displayed, defaults to 'loading' if none is provided.
This commit is contained in:
Josh
2023-04-24 23:09:50 +12:00
parent b9780087cc
commit 68e3a8d100
3 changed files with 21 additions and 13 deletions

13
resources/js/app.js vendored
View File

@ -21,7 +21,10 @@ const app = new Vue({
isDemoApp: window.isDemoApp,
isTestingApp: window.isTestingApp,
prefersDarkScheme: window.matchMedia('(prefers-color-scheme: dark)').matches,
spinnerActive: false
spinner: {
active: false,
message: 'loading'
},
},
computed: {
@ -47,12 +50,14 @@ const app = new Vue({
this.prefersDarkScheme = matches
},
showSpinner() {
this.spinnerActive = true
showSpinner(message) {
this.spinner.message = message;
this.spinner.active = true;
},
hideSpinner() {
this.spinnerActive = false
this.spinner.active = false;
this.spinner.message = 'loading';
}
},
i18n,