refactor(front) : move useApi and shared stores (auth, ui) to shared/

2026-06-19 15:06:50 +02:00
parent 51de96c797
commit 1aa43a5356
4 changed files with 2 additions and 2 deletions
@@ -0,0 +1,57 @@
+export const useUiStore = defineStore('ui', () => {
+    const sidebarCollapsed = ref(false)
+    const sidebarOpen = ref(false)
+    const darkMode = ref(false)
+
+    if (import.meta.client) {
+        const saved = localStorage.getItem('ui-sidebar-collapsed')
+        if (saved !== null) {
+            sidebarCollapsed.value = saved === 'true'
+        }
+
+        const savedDark = localStorage.getItem('ui-dark-mode')
+        if (savedDark !== null) {
+            darkMode.value = savedDark === 'true'
+        }
+        applyDarkClass(darkMode.value)
+    }
+
+    watch(sidebarCollapsed, (val) => {
+        if (import.meta.client) {
+            localStorage.setItem('ui-sidebar-collapsed', String(val))
+        }
+    })
+
+    watch(darkMode, (val) => {
+        if (import.meta.client) {
+            localStorage.setItem('ui-dark-mode', String(val))
+            applyDarkClass(val)
+        }
+    })
+
+    function applyDarkClass(dark: boolean) {
+        if (dark) {
+            document.documentElement.classList.add('dark')
+        } else {
+            document.documentElement.classList.remove('dark')
+        }
+    }
+
+    function toggleDarkMode() {
+        darkMode.value = !darkMode.value
+    }
+
+    function toggleSidebar() {
+        sidebarCollapsed.value = !sidebarCollapsed.value
+    }
+
+    function openMobileSidebar() {
+        sidebarOpen.value = true
+    }
+
+    function closeMobileSidebar() {
+        sidebarOpen.value = false
+    }
+
+    return { sidebarCollapsed, sidebarOpen, darkMode, toggleSidebar, openMobileSidebar, closeMobileSidebar, toggleDarkMode }
+})