import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/home.vue'
import RecipeDetail from '@/views/recipeDetail.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
  {
    path: '/recipe/:id',
    name: "RecipeDetail",
    component: RecipeDetail
  }
];

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

export default router;