feat: added "cookbook" filter to recipe pagination to serve frontend (#1609)

* added cookbook filter to recipe pagination

* fixed wrong filter var

* restored cookbook sorting

* reverted unnecessary var change

frontend/pages/cookbooks/_slug.vue

@@ -11,25 +11,35 @@
     </v-card>
 
     <v-container class="pa-0">
-      <RecipeCardSection class="mb-5 mx-1" :recipes="book.recipes" />
+      <RecipeCardSection
+        class="mb-5 mx-1"
+        :recipes="recipes"
+        :cookbook-slug="slug"
+        @sortRecipes="assignSorted"
+        @replaceRecipes="replaceRecipes"
+        @appendRecipes="appendRecipes"
+        @delete="removeRecipe"
+      />
     </v-container>
   </v-container>
 </template>
 
 <script lang="ts">
 import { defineComponent, useRoute, ref, useMeta } from "@nuxtjs/composition-api";
+import { useLazyRecipes } from "~/composables/recipes";
 import RecipeCardSection from "@/components/Domain/Recipe/RecipeCardSection.vue";
 import { useCookbook } from "~/composables/use-group-cookbooks";
 
 export default defineComponent({
   components: { RecipeCardSection },
   setup() {
+    const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes();
+
     const route = useRoute();
     const slug = route.value.params.slug;
     const { getOne } = useCookbook();
 
     const tab = ref(null);
-
     const book = getOne(slug);
 
     useMeta(() => {
@@ -40,7 +50,13 @@ export default defineComponent({
 
     return {
       book,
+      slug,
       tab,
+      appendRecipes,
+      assignSorted,
+      recipes,
+      removeRecipe,
+      replaceRecipes,
     };
   },
   head: {}, // Must include for useMeta