Vuetify3 Vue3 fullscreen loading

This module extends vuetify3 loading.

Setup

Install the package from npm

1npm install vuetify3-loading

1yarn add vuetify3-loading

vuetify 3

1import "vuetify3-loading/dist/style.css"
2import loading from "vuetify3-loading"
3app.use(loading,{loader:'classical'})

....

loader values

• rotate

  

• classical

  

• dot

  

• bar

  

• dot-bar

  

• spinner

  

• progress

  

• wobbling

  

• infinity

  

• eye

  

• factory

  

Usage

1this.$loading.show()
2
3this.$loading.hide()

1import {getCurrentInstance, ref} from 'vue'
2const {proxy} = getCurrentInstance()
3proxy.$loading.show()
4proxy.$loading.hide()