Full page screen loading for vuetify
npm install vuetify-loading-overlay``bash`
npm -i vuetify-loading-overlay
yarn add vuetify-loading-overlay
javascript
import {LoadingPlugin} from "vuetify-loading-overlay"
Vue.use(LoadingPlugin, {
//props
spinnerProps: {},
overlayProps: {},
});
`$3
for nuxt you have to create a plugin and add it to your nuxtconfig
`javascript
import Loading from "vuetify-loading-overlay"
export default ({ app }, inject) => {
inject(
"vloading",
Loading({
spinnerProps: {},
overlayProps: {},
})
);
};
`Example
`vue
`
the use is simple, you just have to call the api and its methods
this.$vloading.show()
this.$vloading.hide()
Props
#### snipperProps
`javascript
{
color: "primary"
}
`
You can check the properties of the spinner in its official documentation#### overlayProps
`javascript
{
color: "red"
}
``