From 77b359ada608fa094de12797bc01d712352b1825 Mon Sep 17 00:00:00 2001
From: Tomi Turtiainen <10324676+tomi@users.noreply.github.com>
Date: Wed, 3 Apr 2024 15:04:21 +0300
Subject: [PATCH] fix: Fix vue type warnings (no-changelog) (#9038)

---
 packages/design-system/src/components/N8nIcon/Icon.vue       | 5 +++--
 .../src/components/N8nRadioButtons/RadioButtons.vue          | 3 ++-
 packages/design-system/src/types/button.ts                   | 2 +-
 packages/editor-ui/src/components/Sticky.vue                 | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/design-system/src/components/N8nIcon/Icon.vue b/packages/design-system/src/components/N8nIcon/Icon.vue
index 4c9391ef90..0caa880ba9 100644
--- a/packages/design-system/src/components/N8nIcon/Icon.vue
+++ b/packages/design-system/src/components/N8nIcon/Icon.vue
@@ -5,14 +5,15 @@
 </template>
 
 <script lang="ts" setup>
+import type { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import type { IconSize, IconColor } from '@/types/icon';
 import N8nText from '../N8nText';
 
 interface IconProps {
-	icon: string;
+	icon: FontAwesomeIconProps['icon'];
 	size?: IconSize;
-	spin?: boolean;
+	spin?: FontAwesomeIconProps['spin'];
 	color?: IconColor;
 }
 
diff --git a/packages/design-system/src/components/N8nRadioButtons/RadioButtons.vue b/packages/design-system/src/components/N8nRadioButtons/RadioButtons.vue
index 331100813a..6b8cca2e0c 100644
--- a/packages/design-system/src/components/N8nRadioButtons/RadioButtons.vue
+++ b/packages/design-system/src/components/N8nRadioButtons/RadioButtons.vue
@@ -27,7 +27,8 @@ interface RadioOption {
 interface RadioButtonsProps {
 	modelValue?: string;
 	options?: RadioOption[];
-	size: 'small' | 'medium';
+	/** @default medium */
+	size?: 'small' | 'medium';
 	disabled?: boolean;
 }
 
diff --git a/packages/design-system/src/types/button.ts b/packages/design-system/src/types/button.ts
index 7edfcbb6d0..032009d5f2 100644
--- a/packages/design-system/src/types/button.ts
+++ b/packages/design-system/src/types/button.ts
@@ -13,7 +13,7 @@ export interface IconButtonProps {
 	active?: boolean;
 	disabled?: boolean;
 	float?: TextFloat;
-	icon?: string;
+	icon?: string | string[];
 	loading?: boolean;
 	outline?: boolean;
 	size?: ButtonSize;
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index e39ec4b834..e1ba623037 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -52,7 +52,7 @@
 					v-touch:tap="deleteNode"
 					class="option"
 					data-test-id="delete-sticky"
-					:title="$locale.baseText('node.deleteNode')"
+					:title="$locale.baseText('node.delete')"
 				>
 					<font-awesome-icon icon="trash" />
 				</div>