fix(settings): make selection reactive

Selection now uses computed with getter and setter.
2026-08-06 23:23:21 +02:00
parent bcb0c05d74
commit 1f51a0b3ae
1 changed files with 3 additions and 4 deletions
@@ -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();