RuralDatabase/apps/web/composables/useDashboard.ts

30 lines
744 B
TypeScript

import { createSharedComposable } from '@vueuse/core'
const _useDashboard = () => {
const route = useRoute()
const router = useRouter()
const isHelpSlideoverOpen = ref(false)
const isFilesSiderOpen = ref(false)
defineShortcuts({
'g-h': () => router.push('/'),
'g-i': () => router.push('/inbox'),
'g-u': () => router.push('/users'),
'g-s': () => router.push('/settings'),
'?': () => isHelpSlideoverOpen.value = true,
u: () => isFilesSiderOpen.value = true
})
watch(() => route.fullPath, () => {
isHelpSlideoverOpen.value = false
isFilesSiderOpen.value = false
})
return {
isHelpSlideoverOpen,
isFilesSiderOpen
}
}
export const useDashboard = createSharedComposable(_useDashboard)