Do the search

resources/js/Pages/Dashboard.vue

@@ -1,6 +1,9 @@
 <script setup>
 import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue';
-import { Head } from '@inertiajs/vue3';
+import {Head} from '@inertiajs/vue3';
+import RecipeSearchForm from "@/Components/Search/RecipeSearchForm.vue";
+
+
 </script>
 
 <template>
@@ -13,9 +16,7 @@ import { Head } from '@inertiajs/vue3';
 
         <div class="py-12">
             <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
-                    <div class="p-6 text-gray-900">You're logged in!</div>
-                </div>
+                <recipe-search-form />
             </div>
         </div>
     </AuthenticatedLayout>