Fix search not working when using top slot

Author: webdevnerdstuff

src/plugin/VDrilldownTable.vue

@@ -626,7 +626,7 @@ const searchDebounce = {
 	maxWait: loadedDrilldown.searchMaxWait as number,
 };
 
-// ? Using top.left slot //
+// ? Using top or top.left slot //
 watchDebounced(
 	() => props.search,
 	() => {
@@ -635,7 +635,7 @@ watchDebounced(
 	searchDebounce,
 );
 
-// ? Not using top.left slot //
+// ? Not using top or top.left slot //
 watchDebounced(
 	levelSearch,
 	() => {
@@ -646,11 +646,11 @@ watchDebounced(
 
 // Search - Updated //
 function searchUpdated() {
-	if (!slots['top.left']) {
+	if (!slots['top'] && !slots['top.left']) {
 		loadedDrilldown.search = levelSearch.value;
 	}
 
-	if (slots['top.left']) {
+	if (slots['top'] || slots['top.left']) {
 		levelSearch.value = props.search || '';
 	}
 

src/plugin/slots/TopSlot.vue

@@ -43,7 +43,6 @@
 <script setup lang="ts">
 import { KeyStringAny, TopSlotProps } from '@/types';
 import { componentName } from '@/plugin/utils/globals';
-import { watchDebounced } from '@vueuse/core';
 import { AllProps } from '../utils/props';
 
 
@@ -105,13 +104,10 @@ function toggleSelectAllCallback() {
 
 
 // -------------------------------------------------- Search Field //
-watchDebounced(
-	levelSearch,
-	() => {
-		emit('update:search', levelSearch.value);
-	},
-	{ debounce: 750, maxWait: 1000 },
-);
+watch(levelSearch, () => {
+	emit('update:search', levelSearch.value);
+});
+
 
 const boundSearchProps = computed<KeyStringAny>(() => {
 	return {