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

Easily create Vite + React19/Vue3 web/h5/mini-program/chrome-extension projects.

import type { Router } from 'vue-router'

export const createPageLoadingGuard = (router: Router) => {
    router.beforeEach(() => {
        setTimeout(() => {
            window.$loadingBar?.start()
        }, 100)
    })

    router.afterEach(() => {
        setTimeout(() => {
            window.$loadingBar?.finish()
        }, 200)
    })

    router.onError(() => {
        setTimeout(() => {
            window.$loadingBar?.finish()
        }, 100)
    })
}