127 lines
2.8 KiB
JavaScript
127 lines
2.8 KiB
JavaScript
import Vue from 'vue';
|
|
import Router from 'vue-router';
|
|
|
|
import The404Page from './components/The404Page';
|
|
import TheAboutPage from './components/TheAboutPage';
|
|
import TheCalculator from './components/TheCalculator';
|
|
|
|
import TheLog from './components/TheLog';
|
|
import TheLogList from './components/TheLogList';
|
|
import TheLogCreator from './components/TheLogCreator';
|
|
import TheLogEditor from './components/TheLogEditor';
|
|
|
|
import TheIngredientList from './components/TheIngredientList';
|
|
import TheIngredient from "./components/TheIngredient";
|
|
import TheIngredientEditor from "./components/TheIngredientEditor";
|
|
import TheIngredientCreator from "./components/TheIngredientCreator";
|
|
import TheNotesList from './components/TheNotesList';
|
|
import TheRecipe from './components/TheRecipe';
|
|
import TheRecipeEditor from './components/TheRecipeEditor';
|
|
import TheRecipeCreator from './components/TheRecipeCreator';
|
|
import TheRecipeList from './components/TheRecipeList';
|
|
|
|
Vue.use(Router);
|
|
|
|
const router = new Router({
|
|
routes: []
|
|
});
|
|
|
|
router.addRoutes(
|
|
[
|
|
{
|
|
path: '/',
|
|
redirect: '/recipes'
|
|
},
|
|
{
|
|
path: '/recipes',
|
|
name: 'recipeList',
|
|
component: TheRecipeList
|
|
},
|
|
{
|
|
path: '/recipes/new',
|
|
name: 'new_recipe',
|
|
component: TheRecipeCreator
|
|
},
|
|
{
|
|
path: '/recipes/:id/edit',
|
|
name: 'edit_recipe',
|
|
component: TheRecipeEditor
|
|
},
|
|
{
|
|
path: '/recipe/:id',
|
|
name: 'recipe',
|
|
component: TheRecipe
|
|
},
|
|
{
|
|
path: "/about",
|
|
name: "about",
|
|
component: TheAboutPage
|
|
},
|
|
{
|
|
path: "/calculator",
|
|
name: "calculator",
|
|
component: TheCalculator
|
|
},
|
|
{
|
|
path: "/ingredients",
|
|
name: "ingredients",
|
|
component: TheIngredientList
|
|
},
|
|
{
|
|
path: "/ingredients/new",
|
|
name: "new_ingredient",
|
|
component: TheIngredientCreator
|
|
},
|
|
{
|
|
path: "/ingredients/:id/edit",
|
|
name: "edit_ingredient",
|
|
component: TheIngredientEditor
|
|
},
|
|
{
|
|
path: "/ingredients/:id",
|
|
name: "ingredient",
|
|
component: TheIngredient
|
|
},
|
|
{
|
|
path: "/logs",
|
|
name: "logs",
|
|
component: TheLogList
|
|
},
|
|
{
|
|
path: "/recipes/:recipeId/logs/new",
|
|
name: "new_log",
|
|
component: TheLogCreator
|
|
},
|
|
{
|
|
path: "/logs/:id/edit",
|
|
name: "edit_log",
|
|
component: TheLogEditor
|
|
},
|
|
{
|
|
path: "/logs/:id",
|
|
name: "log",
|
|
component: TheLog
|
|
},
|
|
{
|
|
path: "/notes",
|
|
name: "notes",
|
|
component: TheNotesList
|
|
},
|
|
{
|
|
path: "/logout",
|
|
name: "logout",
|
|
beforeEnter: (to, from, next) => {
|
|
const $store = router.app.$store;
|
|
$store.dispatch("logout")
|
|
.then(() => next("/"));
|
|
}
|
|
},
|
|
{
|
|
path: '*',
|
|
component: The404Page
|
|
}
|
|
]
|
|
);
|
|
|
|
export default router;
|