stimulus-use-usedebounce.diff

diff --git a/assets/controllers/search-preview_controller.js b/assets/controllers/search-preview_controller.js
index d0af6df..f00b147 100644
--- a/assets/controllers/search-preview_controller.js
+++ b/assets/controllers/search-preview_controller.js
@@ -1,5 +1,5 @@
 import { Controller } from 'stimulus';
-import { useClickOutside } from 'stimulus-use';
+import { useClickOutside, useDebounce } from 'stimulus-use';
 
 export default class extends Controller {
     static values = {
@@ -7,9 +7,11 @@ export default class extends Controller {
     }
 
     static targets = ['result'];
+    static debounces = ['onSearchInput'];
 
     connect() {
         useClickOutside(this);
+        useDebounce(this);
     }
 
     async onSearchInput(event) {