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'

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
  },
];

const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;
