From 3623701548d15a3d49365b85f8cd2c65666bb42e Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Fri, 31 Jul 2026 19:31:08 +0200
Subject: [PATCH] feat(settings): add sidebar visibility state to settings
 store

---
 app/layouts/default.vue | 7 ++++---
 app/stores/settings.ts  | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index ddf63f6..35224a9 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { sluggy } from '#imports';
+import { sluggy, useSettingsStore } from '#imports';
 import { useHuntStore } from '~/stores/hunt';
 import { useTitleStore } from '~/stores/title';
 
@@ -11,7 +11,8 @@ const breakpoints = useBreakpoint();
 const titleStore = useTitleStore();
 const huntStore = useHuntStore();
 
-const isSidebarVisible = ref(breakpoints.mdUp);
+const settingsStore = useSettingsStore();
+const { isSidebarVisible } = storeToRefs(settingsStore);
 
 const slugs = computed(() => checkSlug(route.params));
 
@@ -50,7 +51,7 @@ const isHuntAdmin = computed(
     </template>
 
     <template #left>
-      <VaSidebar v-model="isSidebarVisible">
+      <VaSidebar v-model="isSidebarVisible" :hoverable="breakpoints.mdUp">
         <VaSidebarItem
           :to="localePath('/')"
           :active="localePath('/') === route.path"
diff --git a/app/stores/settings.ts b/app/stores/settings.ts
index 0ea9806..f39624d 100644
--- a/app/stores/settings.ts
+++ b/app/stores/settings.ts
@@ -2,8 +2,9 @@ export const useSettingsStore = defineStore(
   'picSettings',
   () => {
     const hideAnswers = ref(true);
+    const isSidebarVisible = ref(false);
 
-    return { hideAnswers };
+    return { hideAnswers, isSidebarVisible };
   },
   { persist: true }
 );