Moving Recipes and related around.

src/routes/_auth/recipes.tsx

@@ -1,6 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import Recipes from '../../pages/recipes/Recipes'
-
-export const Route = createFileRoute('/_auth/recipes')({
-    component: Recipes
-})

src/routes/recipes.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Recipes from '../pages/recipes/Recipes'
+
+export const Route = createFileRoute('/recipes')({
+    component: Recipes
+})

src/routes/recipes_/$username.$slug.tsx

@@ -4,11 +4,11 @@ import {
     useLoaderData,
     useParams
 } from '@tanstack/react-router'
-import { ApiError } from '../../../api/ApiError'
+import { ApiError } from '../../api/ApiError'
-import getRecipe from '../../../api/getRecipe'
+import getRecipe from '../../api/getRecipe'
-import Recipe from '../../../pages/recipe/Recipe'
+import Recipe from '../../pages/recipe/Recipe'
 
-export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
+export const Route = createFileRoute('/recipes/$username/$slug')({
     loader: ({ abortController, context, params }) =>
         context.queryClient.ensureQueryData({
             queryKey: ['recipe', params.username, params.slug],
@@ -22,7 +22,7 @@ export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
         }),
     component() {
         const recipe = useLoaderData({
-            from: '/_auth/recipes/$username/$slug'
+            from: '/recipes/$username/$slug'
         })
         return <Recipe {...{ recipe }} />
     },
@@ -44,7 +44,7 @@ export const Route = createFileRoute('/_auth/recipes/$username/$slug')({
     },
     notFoundComponent() {
         const { username, slug } = useParams({
-            from: '/_auth/recipes/$username/$slug'
+            from: '/recipes/$username/$slug'
         })
         return (
             <p>