feat: 动态标题支持

dishait · May 9, 2022 · 52a8b7a · 52a8b7a
1 parent efed550
commit 52a8b7a
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/.env b/.env
@@ -1,7 +1,7 @@
 # 通用环境变量
 
 # 标题
-VITE_APP_TITLE = Vite App 🎉
+VITE_APP_TITLE = tov
 
 
 # markdown 渲染支持

diff --git a/.env.development b/.env.development
@@ -1,7 +1,7 @@
 # 开发时环境变量
 
 # 标题
-# VITE_APP_TITLE = Vite App 🎉
+# VITE_APP_TITLE = tov
 
 
 # 开发时 Inspect 调试支持

diff --git a/.env.production b/.env.production
@@ -1,7 +1,7 @@
 # 生产时环境变量
 
 # 标题
-# VITE_APP_TITLE = Vite App 🎉
+# VITE_APP_TITLE = tov
 
 
 # 生产时 mock 支持

diff --git a/src/modules/title.ts b/src/modules/title.ts
@@ -0,0 +1,9 @@
+import { router } from './router'
+
+const title = useTitle(import.meta.env.VITE_APP_TITLE)
+
+router.beforeEach((r) => {
+	const originTitle = import.meta.env.VITE_APP_TITLE
+	const name = r.name?.toString().toLowerCase()
+	title.value = name === 'index' ? originTitle : `${originTitle} | ${name}`
+})