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


export const useUiStore = defineStore('ui', () => {
    const q = useQuasar();
    const is_left_drawer_open = ref(true);
    const focus_next_component = ref(false);
    const is_mobile_mode = computed(() => q.screen.lt.md);

    const toggleRightDrawer = () => {
        is_left_drawer_open.value = !is_left_drawer_open.value;
    }

    return { 
        is_mobile_mode,
        focus_next_component,
        is_left_drawer_open, 
        toggleRightDrawer 
    };
});