perf(backend): ⚡ remove validation on recipe summary response (#718)

* count responses

* perf(backend): ⚡ remove validation on recipe summary response

use the construct() method from pydantic to reduce get time as well as optimize the SQL query for recipes

* update UI to support new categories/tags

* fix(backend): 🐛 restrict recipes by group

Co-authored-by: Hayden <hay-kot@pm.me>

frontend/components/Domain/Recipe/RecipeChips.vue

@@ -3,15 +3,15 @@
     <h2 v-if="title" class="mt-4">{{ title }}</h2>
     <v-chip
       v-for="category in items.slice(0, limit)"
-      :key="category"
+      :key="category.name"
       label
       class="ma-1"
       color="accent"
       :small="small"
       dark
-      :to="`/recipes/${urlParam}/${getSlug(category)}`"
+      :to="`/recipes/${urlParam}/${category.slug}`"
     >
-      {{ truncateText(category) }}
+      {{ truncateText(category.name) }}
     </v-chip>
   </div>
 </template>
@@ -56,7 +56,7 @@ export default {
       return this.$store.getters.getAllTags || [];
     },
     urlParam() {
-      return this.isCategory ? "category" : "tag";
+      return this.isCategory ? "categories" : "tags";
     },
   },
   methods: {

frontend/pages/recipe/_slug.vue

@@ -182,7 +182,7 @@
                     <RecipeCategoryTagSelector
                       v-if="form"
                       v-model="recipe.recipeCategory"
-                      :return-object="false"
+                      :return-object="true"
                       :show-add="true"
                       :show-label="false"
                     />
@@ -200,7 +200,7 @@
                     <RecipeCategoryTagSelector
                       v-if="form"
                       v-model="recipe.tags"
-                      :return-object="false"
+                      :return-object="true"
                       :show-add="true"
                       :tag-selector="true"
                       :show-label="false"

frontend/pages/search.vue

@@ -122,10 +122,15 @@ export default defineComponent({
     },
     filteredRecipes() {
       return this.allRecipes.filter((recipe) => {
-        const includesTags = this.check(this.includeTags, recipe.tags, this.tagFilter.matchAny, this.tagFilter.exclude);
+        const includesTags = this.check(
+          this.includeTags,
+          recipe.tags.map((x) => x.name),
+          this.tagFilter.matchAny,
+          this.tagFilter.exclude
+        );
         const includesCats = this.check(
           this.includeCategories,
-          recipe.recipeCategory,
+          recipe.recipeCategory.map((x) => x.name),
           this.catFilter.matchAny,
           this.catFilter.exclude
         );