src/lib/stores/ui.ts

import { writable } from 'svelte/store';

interface UIState {
  isDetailPageOpen: boolean;
}

function createUIStore() {
  const { subscribe, set, update } = writable<UIState>({
    isDetailPageOpen: false
  });

  return {
    subscribe,
    openDetailPage: () => update(state => ({ ...state, isDetailPageOpen: true })),
    closeDetailPage: () => update(state => ({ ...state, isDetailPageOpen: false }))
  };
}

export const uiStore = createUIStore();