nuxt init

frontend.old/src/routes/recipes.js

@@ -0,0 +1,37 @@
+const ViewRecipe = () => import(/* webpackChunkName: "recipe-page" */ "@/pages/Recipe/ViewRecipe");
+const NewRecipe = () => import(/* webpackChunkName: "recipe-page" */ "@/pages/Recipe/NewRecipe");
+const ScraperDebugger = () => import("@/pages/Recipe/ScraperDebugger");
+const CustomPage = () => import("@/pages/Recipes/CustomPage");
+const AllRecipes = () => import("@/pages/Recipes/AllRecipes");
+const CategoryTagPage = () => import("@/pages/Recipes/CategoryTagPage");
+const Favorites = () => import("@/pages/Recipes/Favorites");
+import { api } from "@/api";
+
+export const recipeRoutes = [
+  // Recipes
+  { path: "/recipes/all", component: AllRecipes },
+  { path: "/recipes/debugger", component: ScraperDebugger },
+  { path: "/user/:id/favorites", component: Favorites },
+  { path: "/recipes/tag/:tag", component: CategoryTagPage },
+  { path: "/recipes/tag", component: CategoryTagPage },
+  { path: "/recipes/category", component: CategoryTagPage },
+  { path: "/recipes/category/:category", component: CategoryTagPage },
+  // Misc
+  { path: "/new/", component: NewRecipe },
+  { path: "/pages/:customPage", component: CustomPage },
+
+  // Recipe Page
+  {
+    path: "/recipe/:recipe",
+    component: ViewRecipe,
+    meta: {
+      title: async route => {
+        const [response, error] = await api.recipes.requestDetails(route.params.recipe);
+        if (error) console.log({ error });
+        const recipe = response.data;
+        if (recipe && recipe.name) return recipe.name;
+        else return null;
+      },
+    },
+  },
+];