Merge pull request #2128 from frappe/mergify/bp/version-15-hotfix/pr-…

…2127

fix(PWA):  Autocomplete search functionality in Link component (backport #2127)

frontend/src/components/Link.vue

@@ -7,6 +7,7 @@
 		:options="options.data"
 		:class="disabled ? 'pointer-events-none' : ''"
 		:disabled="disabled"
+		@update:query="handleQueryUpdate"
 	/>
 </template>
 
@@ -65,14 +66,21 @@ const options = createResource({
 	},
 })
 
-const reloadOptions = debounce((searchTextVal) => {
+const reloadOptions = (searchTextVal) => {
 	options.update({
 		params: {
 			txt: searchTextVal,
 			doctype: props.doctype,
 		},
 	})
 	options.reload()
+}
+
+const handleQueryUpdate = debounce((newQuery) => {
+	const val = newQuery || ""
+	if (searchText.value === val) return
+	searchText.val = val
+	reloadOptions(val)
 }, 300)
 
 watch(
@@ -83,15 +91,4 @@ watch(
 	},
 	{ immediate: true }
 )
-
-watch(
-	() => autocompleteRef.value?.query,
-	(val) => {
-		val = val || ""
-		if (searchText.value === val) return
-		searchText.value = val
-		reloadOptions(val)
-	},
-	{ immediate: true }
-)
 </script>