1 files changed, 11 insertions, 1 deletions
diff --git a/frontend-vanilla/src/store.ts b/frontend-vanilla/src/store.ts
index a7a99b0..a23934a 100644
--- a/frontend-vanilla/src/store.ts
+++ b/frontend-vanilla/src/store.ts
@@ -1,6 +1,6 @@
 import type { Feed, Item, Category } from './types.ts';
 
-export type StoreEvent = 'feeds-updated' | 'tags-updated' | 'items-updated' | 'active-feed-updated' | 'active-tag-updated' | 'loading-state-changed' | 'filter-updated' | 'search-updated' | 'theme-updated';
+export type StoreEvent = 'feeds-updated' | 'tags-updated' | 'items-updated' | 'active-feed-updated' | 'active-tag-updated' | 'loading-state-changed' | 'filter-updated' | 'search-updated' | 'theme-updated' | 'sidebar-toggle';
 
 export type FilterType = 'unread' | 'all' | 'starred';
 
@@ -16,6 +16,7 @@ export class Store extends EventTarget {
     hasMore: boolean = true;
     theme: string = localStorage.getItem('neko-theme') || 'light';
     fontTheme: string = localStorage.getItem('neko-font-theme') || 'default';
+    sidebarVisible: boolean = window.innerWidth > 768;
 
     setFeeds(feeds: Feed[]) {
         this.feeds = feeds;
@@ -83,6 +84,15 @@ export class Store extends EventTarget {
         this.emit('theme-updated');
     }
 
+    setSidebarVisible(visible: boolean) {
+        this.sidebarVisible = visible;
+        this.emit('sidebar-toggle');
+    }
+
+    toggleSidebar() {
+        this.setSidebarVisible(!this.sidebarVisible);
+    }
+
     private emit(type: StoreEvent, detail?: any) {
         this.dispatchEvent(new CustomEvent(type, { detail }));
     }