import { computed, ref } from 'vue';
import { defineStore } from 'pinia';

const DEFAULT_NAV_ITEM = 'home';

export const useDrawerStore = defineStore('drawer', () => {
  const _activeDrawer = ref<string>(DEFAULT_NAV_ITEM);

  const activeDrawer = computed<string>({
    get(): string {
      return _activeDrawer.value;
    },
    set(value: string): void {
      _activeDrawer.value = value || DEFAULT_NAV_ITEM;
    },
  });

  const isOpen = computed(() => {
    return !!activeDrawer.value && activeDrawer.value !== DEFAULT_NAV_ITEM;
  });

  return { activeDrawer, isOpen };
});