From 284855c15fa5b0ef7c8199e7c06b26bb9b6d6c6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Wed, 22 Jan 2025 17:24:20 +0500
Subject: [PATCH] fix: 'Select'

---
 src/components/Select/Select.stories.ts | 1 +
 src/components/Select/Select.vue        | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Select/Select.stories.ts b/src/components/Select/Select.stories.ts
index 272ab9f..427a2b3 100644
--- a/src/components/Select/Select.stories.ts
+++ b/src/components/Select/Select.stories.ts
@@ -19,6 +19,7 @@ const meta: Meta = {
     filtered: { control: 'boolean' },
     disabled: { control: 'boolean' },
     noHighlight: { control: 'boolean' },
+    selected: { control: 'text' },
     fontSize: { control: 'text' },
     placeholder: { control: 'text' },
     name: { control: 'text' },
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index 9ff0dbd..8fc7615 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ISelectProps } from '@interfaces/componentsProps';
-import { computed, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
 import { iconsSet } from '@/common/constants/icons';
 import type { TThemeColor } from '@interfaces/common';
@@ -55,6 +55,11 @@ const calcOptionColor = (color: TThemeColor | undefined, darknessColor: string |
 document.querySelector('body')!.addEventListener('pointerup', (e: MouseEvent) => {
   if (isOpen.value && e.button === 0) isOpen.value = false;
 });
+
+const selectedProp = computed(() => props.selected);
+watch(selectedProp, () => (selected.value = selectedProp.value), {
+  immediate: true,
+});
 </script>
 
 <template>
-- 
GitLab