From 78ef2ce7f0d60375f667b1334d6ffdd317fb2925 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ra=C3=BAl=20G=C3=B3mez=20Morales?= <raul00gm@gmail.com>
Date: Mon, 30 Dec 2024 13:46:37 +0100
Subject: [PATCH] refactor(editor):  N8nOption type (#12399)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <netroy@users.noreply.github.com>
---
 .../src/components/N8nOption/Option.vue           | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/design-system/src/components/N8nOption/Option.vue b/packages/design-system/src/components/N8nOption/Option.vue
index e7c44f475c..15ed301a85 100644
--- a/packages/design-system/src/components/N8nOption/Option.vue
+++ b/packages/design-system/src/components/N8nOption/Option.vue
@@ -1,12 +1,17 @@
 <script setup lang="ts">
 import { ElOption } from 'element-plus';
 
-const props = defineProps({
-	...ElOption.props,
-	value: { type: [String, Number], required: true },
-});
+/**
+ * @see https://element-plus.org/en-US/component/select.html#option-attributes
+ */
+type OptionProps = {
+	value: string | number | boolean | object;
+	label?: string | number;
+	disabled?: boolean;
+};
+const props = defineProps<OptionProps>();
 </script>
 
 <template>
-	<ElOption v-bind="{ ...$props, ...$attrs }" :value="props.value"><slot /></ElOption>
+	<ElOption v-bind="props"><slot /></ElOption>
 </template>