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>