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

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

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
        }
    })
}