From 5101450d59cb99f17ca186f0bdee690c40695f56 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 20 Jul 2026 17:36:46 +0200
Subject: [PATCH] feat(settings): make switch use the settings store

---
 src/features/settings/components/Switch.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/features/settings/components/Switch.vue b/src/features/settings/components/Switch.vue
index 960430b..7091356 100644
--- a/src/features/settings/components/Switch.vue
+++ b/src/features/settings/components/Switch.vue
@@ -15,7 +15,7 @@ limitations under the License.
 -->
 
 <script setup>
-import { ref } from 'vue';
+import { useSettingsStore } from '../stores/settingsStore';
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
@@ -29,15 +29,19 @@ const props = defineProps({
     }
 });
 
-const enabled = ref(false);
+const store = useSettingsStore();
+
+const toggle = function toggle () {
+    store.set(props.path, !store.get(props.path));
+};
 </script>
 
 <template>
-    <div class="switch-container" @click="enabled = !enabled">
+    <div class="switch-container" @click="toggle">
         <div>
             {{ t(props.setting.i18n) }}
         </div>
-        <div class="switch-wrapper" :class="{ enabled: enabled }">
+        <div class="switch-wrapper" :class="{ enabled: store.get(props.path) }">
             <div class="switch-point"></div>
         </div>
     </div>