playing with search

vue3/src/components/display/RecipeView.vue

@@ -72,7 +72,7 @@
 <script lang="ts">
 
 import {defineComponent, PropType} from 'vue'
-import {Ingredient, Recipe} from "@/openapi"
+import {ApiApi, Ingredient, Recipe} from "@/openapi"
 import KeywordsBar from "@/components/display/KeywordsBar.vue"
 import NumberScalerDialog from "@/components/inputs/NumberScalerDialog.vue"
 import IngredientsTable from "@/components/display/IngredientsTable.vue";
@@ -83,14 +83,20 @@ import RecipeActivity from "@/components/display/RecipeActivity.vue";
 export default defineComponent({
     name: "RecipeView",
     components: {RecipeActivity, Step, StepsOverview, IngredientsTable, NumberScalerDialog, KeywordsBar},
-    computed: {
+    computed: {},
+    data() {
+        return {
 
+        }
     },
     props: {
         recipe: {
             type: Object as PropType<Recipe>,
             required: true
         }
+    },
+    mounted() {
+
     },
     methods: {}
 })

vue3/src/openapi/apis/ApiApi.ts

@@ -3781,6 +3781,32 @@ export class ApiApi extends runtime.BaseAPI {
         return await response.value();
     }
 
+    /**
+     * 
+     */
+    async flatRecipeRaw(initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<runtime.ApiResponse<Recipe>> {
+        const queryParameters: any = {};
+
+        const headerParameters: runtime.HTTPHeaders = {};
+
+        const response = await this.request({
+            path: `/api/recipe/flat/`,
+            method: 'GET',
+            headers: headerParameters,
+            query: queryParameters,
+        }, initOverrides);
+
+        return new runtime.JSONApiResponse(response, (jsonValue) => RecipeFromJSON(jsonValue));
+    }
+
+    /**
+     * 
+     */
+    async flatRecipe(initOverrides?: RequestInit | runtime.InitOverrideFunction): Promise<Recipe> {
+        const response = await this.flatRecipeRaw(initOverrides);
+        return await response.value();
+    }
+
     /**
      * 
      */