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

CLI tool for creating Vue3 or React19 template projects by vite

import type { Router } from 'vue-router'

const baseTitle = import.meta.env.VITE_TITLE

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