23 lines
748 B
TypeScript
23 lines
748 B
TypeScript
import { createContext } from "reka-ui";
|
|
import type { ComputedRef, Ref } from "vue";
|
|
|
|
export type SidebarContext = {
|
|
state: ComputedRef<"expanded" | "collapsed">;
|
|
open: Ref<boolean>;
|
|
setOpen: (value: boolean) => void;
|
|
isMobile: Ref<boolean>;
|
|
openMobile: Ref<boolean>;
|
|
setOpenMobile: (value: boolean) => void;
|
|
toggleSidebar: () => void;
|
|
};
|
|
|
|
export const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
export const SIDEBAR_WIDTH = "15.5rem";
|
|
export const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
export const SIDEBAR_WIDTH_ICON = "3rem";
|
|
export const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
|
|
export const [useSidebar, provideSidebarContext] =
|
|
createContext<SidebarContext>("Sidebar");
|