Ching 931fecd152 feat(router): 增加页面 title
增加页面 title

Signed-off-by: Ching <loooching@gmail.com>
2022-02-12 16:55:59 +08:00

78 lines
2.0 KiB
JavaScript

import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/home.vue'
import RecipeDetail from '@/views/recipeDetail.vue'
import WeekRecipe from '@/views/weekRecipe.vue'
import DailyRecipeDetail from '@/views/dailyRecipeDetail.vue'
import RecipeMobileHome from '@/views/recipe-mobile/Home.vue'
import RecipeMobileRecipeCreate from '@/views/recipe-mobile/RecipeCreate.vue'
import RecipeMobileWeekRecipe from '@/views/recipe-mobile/WeekRecipe.vue'
import RecipeMobileRecipeDetail from '@/views/recipe-mobile/RecipeDetail.vue'
import RecipeMobileDailyRecipeDetail from '@/views/recipe-mobile/DailyRecipeDetail.vue'
const routes = [
{
path: '/',
name: 'Home',
component: Home,
},
{
path: '/recipe/:id',
name: "RecipeDetail",
component: RecipeDetail
},
{
path: '/week-recipe/',
name: "WeekRecipe",
component: WeekRecipe
},
{
path: '/daily-recipe/:id',
name: "DailyRecipeDetail",
component: DailyRecipeDetail
},
// mobile recipe
{
path: '/recipe-mobile/',
name: "RecipeMobileHome",
component: RecipeMobileHome
},
{
path: '/recipe-mobile/recipe/create/',
name: "RecipeMobileRecipeCreate",
component: RecipeMobileRecipeCreate,
meta: {title: '创建菜谱'}
},
{
path: '/recipe-mobile/week-recipe/',
name: "RecipeMobileWeekRecipe",
component: RecipeMobileWeekRecipe,
meta: {title: '每周菜谱'}
},
{
path: '/recipe-mobile/recipe/:id',
name: "RecipeMobileRecipeDetail",
component: RecipeMobileRecipeDetail,
meta: {title: '菜谱'}
},
{
path: '/recipe-mobile/daily-recipe/:id',
name: "RecipeMobileDailyRecipeDetail",
component: RecipeMobileDailyRecipeDetail,
meta: {title: '每日菜谱'}
},
];
const router = createRouter({
history: createWebHistory(),
routes,
});
const defaultTitle = '今天吃什么';
router.beforeEach((to, from, next) => {
document.title = to.meta.title ? to.meta.title : defaultTitle;
next();
});
export default router;