refactor: Migrate Vue slots to the new syntax (#4603)

Co-authored-by: Alex Grozav <alex@grozav.com>

packages/editor-ui/src/components/ResourceLocator/ResourceLocator.vue

@@ -69,7 +69,7 @@
 						:stickyOffset="4"
 						@drop="onDrop"
 					>
-						<template v-slot="{ droppable, activeDrop }">
+						<template #default="{ droppable, activeDrop }">
 							<div
 								:class="{
 									[$style.listModeInputContainer]: isListMode,
@@ -103,19 +103,18 @@
 									@focus="onInputFocus"
 									@blur="onInputBlur"
 								>
-									<div
-										v-if="isListMode"
-										slot="suffix"
-									>
-										<i
-											:class="{
-												['el-input__icon']: true,
-												['el-icon-arrow-down']: true,
-												[$style.selectIcon]: true,
-												[$style.isReverse]: showResourceDropdown,
-											}"
-										></i>
-									</div>
+									<template #suffix>
+										<div v-if="isListMode">
+											<i
+												:class="{
+													['el-input__icon']: true,
+													['el-icon-arrow-down']: true,
+													[$style.selectIcon]: true,
+													[$style.isReverse]: showResourceDropdown,
+												}"
+											></i>
+										</div>
+									</template>
 								</n8n-input>
 							</div>
 						</template>

packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue

@@ -11,7 +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')">
-				<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">
@@ -48,7 +50,7 @@
 				</div>
 			</div>
 		</div>
-		<slot slot="reference" />
+		<slot name="reference" />
 	</n8n-popover>
 </template>