feat: 支持页面级 meta 标题

src/pages/[...notFound].vue

@@ -48,6 +48,7 @@ const typedRef = useTyped([' is not found!'])
 <route lang="json">
 {
 	"meta": {
+		"title": "404",
 		"layout": "notFound"
 	}
 }

src/plugins/router.ts

@@ -2,6 +2,15 @@ import { setupLayouts, createGetRoutes } from 'virtual:meta-layouts'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes as fileRoutes } from 'vue-router/auto/routes'
 
+declare module 'vue-router' {
+	// 在这里定义你的 meta 类型
+	// eslint-disable-next-line no-unused-vars
+	interface RouteMeta {
+		title?: string
+		layout?: string
+	}
+}
+
 export const router = createRouter({
 	history: createWebHistory(),
 	routes: setupLayouts(fileRoutes),

src/plugins/title.ts

@@ -2,7 +2,10 @@ import { router } from './router'
 
 useTitle(
 	() => {
-		const { path } = router.currentRoute.value
+		const { path, meta } = router.currentRoute.value
+		if (meta.title) {
+			return `· ${meta.title}`
+		}
 		if (path === '/') {
 			return '· home'
 		}