From a9bdc0bbfef7245bd5accfe27f6b933932d5fcb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E0=A4=95=E0=A4=BE=E0=A4=B0=E0=A4=A4=E0=A5=8B=E0=A4=AB?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=AB=E0=A5=87=E0=A4=B2=E0=A4=B8=E0=A5=8D=E0=A4=95?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=B0=E0=A4=BF=E0=A4=AA=E0=A5=8D=E0=A4=9F=E2=84=A2?=
 <netroy@users.noreply.github.com>
Date: Mon, 21 Nov 2022 15:28:24 +0100
Subject: [PATCH] fix: Use the updated slots syntax in ResourceLocator
 (no-changelog) (#4663)

Co-authored-by: Alex Grozav <alex@grozav.com>
---
 .../src/components/ResourceLocator/ResourceLocator.vue |  2 +-
 .../ResourceLocator/ResourceLocatorDropdown.vue        | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
index a011930c3..7c2f3713d 100644
--- a/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
+++ b/packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue
@@ -112,7 +112,7 @@
 												[$style.isReverse]: showResourceDropdown,
 											}"
 										/>
-										</template>
+									</template>
 								</n8n-input>
 							</div>
 						</template>
diff --git a/packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue b/packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue
index a9b86ba3f..7ef3dd86f 100644
--- a/packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue
+++ b/packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue
@@ -11,8 +11,9 @@
 		</div>
 		<div :class="$style.searchInput" v-if="filterable && !errorView" @keydown="onKeyDown">
 			<n8n-input size="medium" :value="filter" :clearable="true" @input="onFilterInput" @blur="onSearchBlur" ref="search" :placeholder="$locale.baseText('resourceLocator.search.placeholder')">
-				<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
-				<font-awesome-icon :class="$style.searchIcon" icon="search" slot="prefix" />
+				<template #prefix>
+					<font-awesome-icon :class="$style.searchIcon" icon="search" />
+				</template>
 			</n8n-input>
 		</div>
 		<div v-if="filterRequired && !filter && !errorView && !loading" :class="$style.searchRequired">
@@ -49,8 +50,9 @@
 				</div>
 			</div>
 		</div>
-		<!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
-		<slot slot="reference" />
+		<template #reference>
+    		<slot />
+		</template>
 	</n8n-popover>
 </template>