From ed2ad6c7ba5ac3c471d95f5d4f9517fabde07831 Mon Sep 17 00:00:00 2001
From: Tomi Turtiainen <10324676+tomi@users.noreply.github.com>
Date: Mon, 17 Jun 2024 10:07:47 +0300
Subject: [PATCH] refactor: Migrate `Option` to composition API (no-changelog)
 (#9754)

---
 .../src/components/N8nOption/Option.vue           | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/design-system/src/components/N8nOption/Option.vue b/packages/design-system/src/components/N8nOption/Option.vue
index 6dd193b341..bd56fdab91 100644
--- a/packages/design-system/src/components/N8nOption/Option.vue
+++ b/packages/design-system/src/components/N8nOption/Option.vue
@@ -1,17 +1,12 @@
-<script lang="ts">
+<script setup lang="ts">
 import { ElOption } from 'element-plus';
-import { defineComponent } from 'vue';
 
-export default defineComponent({
-	components: {
-		ElOption,
-	},
-	props: {
-		...ElOption.props,
-	},
+defineProps({
+	...ElOption.props,
+	value: { type: [String, Number], required: true },
 });
 </script>
 
 <template>
-	<ElOption v-bind="{ ...$props, ...$attrs }"><slot /></ElOption>
+	<ElOption v-bind="{ ...$props, ...$attrs }" :value="value"><slot /></ElOption>
 </template>