refactor: consolidate the routers

components/recipe/search.vue

@@ -7,10 +7,10 @@
       type="text"
       class="grow"
       placeholder="Search recipes..."
+      :autofocus="autofocus"
       @focus="isFocused = true"
       @blur="isFocused = false"
-      :autofocus="autofocus"
+    >
-    />
     <kbd
       class="hidden md:inline-block kbd kbd-sm"
       :class="{ 'opacity-50': !isFocused }"
@@ -28,9 +28,8 @@
 
 <script setup lang="ts">
 const model = defineModel<string>();
-const props = defineProps<{
+defineProps<{ autofocus?: boolean }>();
-  autofocus?: boolean;
+
-}>();
 const isFocused = ref(false);
 
 // Debounced navigation

nuxt.config.ts

@@ -5,15 +5,15 @@ export default defineNuxtConfig({
   modules: [
     "@nuxt/eslint",
     "@nuxt/image",
-    "nuxt-icon",
-    "nuxt-delay-hydration",
     "@nuxtjs/robots",
     "@vueuse/nuxt",
+    "nuxt-delay-hydration",
+    "nuxt-icon",
   ],
 
   app: {
     head: {
-      title: "Meal Planner",
+      title: "Mood2Food",
       htmlAttrs: { lang: "en" },
       meta: [
         { charset: "utf-8" },

server/trpc/routers/categories.ts

@@ -1,28 +0,0 @@
-import { publicProcedure, router } from "../trpc";
-import {} from "~/types/recipe";
-import {
-  categoriesResponseSchema,
-  type CategoriesResponse,
-} from "~/types/category";
-
-const { apiUrl } = useRuntimeConfig();
-
-export const categoryRouter = router({
-  listCategories: publicProcedure.query(async () => {
-    const response = await $fetch<CategoriesResponse>(
-      new URL("categories.php", apiUrl).href,
-    );
-
-    const result = categoriesResponseSchema.safeParse(response);
-
-    if (!result.success) {
-      throw createError({
-        statusCode: 500,
-        statusMessage: "Invalid API response format",
-        data: result.error,
-      });
-    }
-
-    return result.data.categories.sort((a, b) => a.name.localeCompare(b.name));
-  }),
-});

server/trpc/routers/index.ts

@@ -1,9 +1,8 @@
 import type { inferRouterOutputs } from "@trpc/server";
 import { mergeRouters } from "../trpc";
 import { recipeRouter } from "./recipes";
-import { categoryRouter } from "./categories";
 
-export const appRouter = mergeRouters(categoryRouter, recipeRouter);
+export const appRouter = mergeRouters(recipeRouter);
 // export type definition of API
 export type AppRouter = typeof appRouter;
 export type RouterOutput = inferRouterOutputs<AppRouter>;

server/trpc/routers/recipes.ts

@@ -1,18 +1,18 @@
 import { z } from "zod";
-import { publicProcedure, router } from "../trpc";
+import {
+  categoriesResponseSchema,
+  categoryRecipesResponseSchema,
+  type CategoriesResponse,
+} from "~/types/category";
 import type { Meal } from "~/types/recipe";
 import { parseRecipeData } from "~/utils/recipes";
-import { categoryRecipesResponseSchema } from "~/types/category";
+import { publicProcedure, router } from "../trpc";
 
 const { apiUrl } = useRuntimeConfig();
 
 export const recipeRouter = router({
-  recipesByCategory: publicProcedure
+  recipesByCategory: publicProcedure.input(z.string()).query(async ({ input }) => {
-    .input(z.string())
+    const data = await $fetch<{ meals: Meal[] }>(new URL(`filter.php?c=${input}`, apiUrl).href);
-    .query(async ({ input }) => {
-      const data = await $fetch<{ meals: Meal[] }>(
-        new URL(`filter.php?c=${input}`, apiUrl).href,
-      );
 
     const result = categoryRecipesResponseSchema.safeParse(data);
 
@@ -25,6 +25,7 @@ export const recipeRouter = router({
 
     return result.data.recipes;
   }),
+
   recipeGet: publicProcedure
     .input(
       z.coerce
@@ -32,12 +33,10 @@ export const recipeRouter = router({
           required_error: "recipe id is required",
           invalid_type_error: "recipe id must be a number",
         })
-        .positive("recipe id must be positive"),
+        .positive("recipe id must be positive")
     )
     .query(async ({ input }) => {
-      const data = await $fetch<{ meals: Meal[] }>(
+      const data = await $fetch<{ meals: Meal[] }>(new URL(`lookup.php?i=${input}`, apiUrl).href);
-        new URL(`lookup.php?i=${input}`, apiUrl).href,
-      );
       if (!data?.meals) {
         throw createError({
           statusCode: 404,
@@ -48,10 +47,9 @@ export const recipeRouter = router({
       const recipes = parseRecipeData(data);
       return recipes[0];
     }),
+
   recipeRandom: publicProcedure.query(async () => {
-    const data = await $fetch<{ meals: Meal[] }>(
+    const data = await $fetch<{ meals: Meal[] }>(new URL("random.php", apiUrl).toString());
-      new URL("random.php", apiUrl).toString(),
-    );
     if (!data?.meals) {
       throw createError({
         statusCode: 500,
@@ -61,20 +59,35 @@ export const recipeRouter = router({
     const recipes = parseRecipeData(data);
     return recipes[0];
   }),
+
   recipeSearch: publicProcedure
     .input(
       z.string({
         required_error: "search query is required",
-      }),
+      })
     )
     .query(async ({ input }) => {
-      const data = await $fetch<{ meals: Meal[] }>(
+      const data = await $fetch<{ meals: Meal[] }>(new URL(`search.php?s=${input}`, apiUrl).href);
-        new URL(`search.php?s=${input}`, apiUrl).href,
-      );
       if (!data?.meals) {
         return [];
       }
       const recipes = parseRecipeData(data);
       return recipes;
     }),
+
+  listCategories: publicProcedure.query(async () => {
+    const response = await $fetch<CategoriesResponse>(new URL("categories.php", apiUrl).href);
+
+    const result = categoriesResponseSchema.safeParse(response);
+
+    if (!result.success) {
+      throw createError({
+        statusCode: 500,
+        statusMessage: "Invalid API response format",
+        data: result.error,
+      });
+    }
+
+    return result.data.categories.sort((a, b) => a.name.localeCompare(b.name));
+  }),
 });