@twotwoba/vv-cli/template-vue-mobile/src/router/guards/page-loading-guard.ts

Easily create Vite + React/Vue3 project with TailwindCSS and other useful libraries. Also support Chrome extension.

import type { Router } from 'vue-router'
import { LoadingBar } from '@varlet/ui'

export const createPageLoadingGuard = (router: Router) => {
    router.beforeEach(() => {
        LoadingBar.start()
    })

    router.afterEach(() => {
        LoadingBar.finish()
    })

    router.onError(() => {
        LoadingBar.error()
    })
}