Merge pull request #49 from webdevnerdstuff/dev

1.0.0-beta-8

Author: webdevnerdstuff

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.0.0-beta-8
+06-28-23
+[main] (@webdevnerdstuff)
+* Fix search not working when using top slot
+
 ## v1.0.0-beta-7
 06-28-23
 [main] (@webdevnerdstuff)

dist/vuetify-drilldown-table.cjs.js

@@ -1,6 +1,6 @@
 {
 	"name": "vuetify-drilldown-table",
-	"version": "1.0.0-beta-7",
+	"version": "1.0.0-beta-8",
 	"description": "The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.",
 	"private": false,
 	"main": "dist/vuetify-drilldown-table.cjs.js",

dist/vuetify-drilldown-table.es.js

@@ -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 || '';
 	}
 

package.json

@@ -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 {