searchpreview-add-target-and-fill-in.diff

diff --git a/assets/controllers/search-preview_controller.js b/assets/controllers/search-preview_controller.js
index 7a74b35..a298f09 100644
--- a/assets/controllers/search-preview_controller.js
+++ b/assets/controllers/search-preview_controller.js
@@ -5,6 +5,8 @@ export default class extends Controller {
         url: String,
     }
 
+    static targets = ['result'];
+
     async onSearchInput(event) {
         const params = new URLSearchParams({
             q: event.currentTarget.value,
@@ -12,6 +14,6 @@ export default class extends Controller {
         });
         const response = await fetch(`${this.urlValue}?${params.toString()}`);
 
-        console.log(await response.text());
+        this.resultTarget.innerHTML = await response.text();
     }
 }
diff --git a/templates/product/index.html.twig b/templates/product/index.html.twig
index 3d5a68f..c3cf015 100644
--- a/templates/product/index.html.twig
+++ b/templates/product/index.html.twig
@@ -50,6 +50,11 @@
                                     class="form-control"
                                     data-action="search-preview#onSearchInput"
                                 >
+
+                                <div
+                                    class="search-preview"
+                                    data-search-preview-target="result"
+                                ></div>
                             </div>
                         </form>
                     </div>