From 1f51a0b3aef4592c614c479b1bce66046eecb40e Mon Sep 17 00:00:00 2001
From: Jakob Scheid
 <jakob.scheid@developers.internal.seekra.jcloud-services.ddns.net>
Date: Thu, 6 Aug 2026 23:23:21 +0200
Subject: [PATCH] fix(settings): make selection reactive

Selection now uses computed with getter and setter.
---
 src/features/settings/components/Selection.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/features/settings/components/Selection.vue b/src/features/settings/components/Selection.vue
index 07c5fc4..864ca9a 100644
--- a/src/features/settings/components/Selection.vue
+++ b/src/features/settings/components/Selection.vue
@@ -54,10 +54,9 @@ const props = defineProps({
 const store = useSettingsStore();
 
 const optionType = computed(() => props.setting.allowMultiple ? 'checkbox' : 'radio');
-const selected = ref(normalizeSelectedValue(store.get(props.path) ?? props.setting.default));
-
-watch(selected, (newValue) => {
-    store.set(props.path, newValue);
+const selected = computed({
+    get: () => normalizeSelectedValue(store.get(props.path) ?? props.setting.default),
+    set: (value) => store.set(props.path, value)
 });
 
 const labelId = useId();