use debounce input

cerinoligutom · Apr 9, 2023 · 81d8e97 · 81d8e97
1 parent f818341
commit 81d8e97
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -83,12 +83,12 @@
             </PVColumn>
             <PVColumn field="primaryItem.name" header="PRIMARY DROP">
               <template #body="{ data }">
-                <TextHighlighter v-model="input" :enable="findByItemName" :text-to-highlight="data.primaryItem.name" />
+                <TextHighlighter v-model="debouncedInput" :enable="findByItemName" :text-to-highlight="data.primaryItem.name" />
               </template>
             </PVColumn>
             <PVColumn field="secondaryItem.name" header="SECONDARY DROP">
               <template #body="{ data }">
-                <TextHighlighter v-model="input" :enable="findByItemName" :text-to-highlight="data.secondaryItem.name" />
+                <TextHighlighter v-model="debouncedInput" :enable="findByItemName" :text-to-highlight="data.secondaryItem.name" />
               </template>
             </PVColumn>
             <PVColumn field="boss" header="BOSS">