saerch dialogh

vue3/src/apps/tandoor/Tandoor.vue

@@ -6,9 +6,9 @@
                 <template v-slot:prepend>
                     Tandoor Brand Logo
                 </template>
-
+                <div id="id_dialog_anchor"></div>
                 <v-spacer></v-spacer>
-                <v-btn density="compact" icon="fas fa-search"></v-btn>
+                <global-search-dialog></global-search-dialog>
                 <v-btn density="compact" icon="fas fa-ellipsis-v"></v-btn>
             </v-app-bar>
 
@@ -51,9 +51,10 @@
 <script lang="ts">
 
 import {defineComponent} from 'vue'
+import GlobalSearchDialog from "@/components/inputs/GlobalSearchDialog.vue";
 
 export default defineComponent({
-    components: {},
+    components: {GlobalSearchDialog},
     mixins: [],
     data() {
         return {

vue3/src/components/display/IngredientsTableRow.vue

@@ -5,7 +5,7 @@
         </template>
         <td>{{ ingredient.amount }}</td>
         <td><span v-if="ingredient.unit != null">{{ ingredient.unit.name }}</span></td>
-        <td>{{ ingredient.food.name }}</td>
+        <td ><span v-if="ingredient.food != null">{{ ingredient.food.name }}</span></td>
         <td>
             <v-icon class="far fa-comment" v-if="ingredient.note != ''" @click="show_tooltip = !show_tooltip">
                 <v-tooltip v-model="show_tooltip" activator="parent" location="start">{{ ingredient.note }}</v-tooltip>

vue3/src/types/SearchTypes.ts

@@ -0,0 +1,14 @@
+export interface  SearchResult {
+    name: string,
+    recipe_id?: number,
+    suffix?: string,
+    description?: string,
+    icon?: string,
+    image?: string,
+}
+
+export interface FlatRecipe{
+    id: number,
+    name: string,
+    image:string|null,
+}