From a5701a70a63451a1a9e0df2f581294108a289773 Mon Sep 17 00:00:00 2001
From: Alan <a.leszczuk94@gmail.com>
Date: Wed, 15 Jan 2025 09:20:02 +0100
Subject: [PATCH] fix: UiToggleButton modelValue typing error (NOTICKET) (#539)

Co-authored-by: Alan Leszczuk <alan.leszczuk@infermedica.com>
---
 .../UiToggleButtonGroup/_internal/UiToggleButton.vue      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue b/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
index 5794f0b58..38a779a30 100644
--- a/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
+++ b/src/components/molecules/UiToggleButtonGroup/_internal/UiToggleButton.vue
@@ -53,7 +53,13 @@ if (!parentComponent || parentComponent.type.name !== 'UiToggleButtonGroup') {
     throw new Error('UiToggleButton has to be child of UiToggleButtonGroup');
   }
 }
-const modelValue = inject<WritableComputedRef<ToggleButtonGroupProps['modelValue']>>('modelValue', computed(() => ''));
+const modelValue = inject<WritableComputedRef<ToggleButtonGroupProps['modelValue']>>(
+  'modelValue',
+  computed({
+    get: () => '',
+    set: (value) => value,
+  }),
+);
 const isChecked = computed(() => (modelValue && equal(modelValue.value, props.value)));
 const clickHandler = () => {
   modelValue.value = props.value;