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

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

import type { Router } from 'vue-router'

const baseTitle = import.meta.env.VITE_APP_TITLE

export const createPageTitleGuard = (router: Router) => {
    router.afterEach((to) => {
        const pageTitle = to.meta?.title
        if (pageTitle) {
            document.title = `${pageTitle} | ${baseTitle}`
        } else {
            document.title = baseTitle
        }
    })
}