29 lines
882 B
TypeScript
29 lines
882 B
TypeScript
import { createSharedComposable } from '@vueuse/core'
|
|
|
|
const _useDashboard = () => {
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const isHelpSlideoverOpen = ref(false)
|
|
const isNotificationsSlideoverOpen = 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,
|
|
n: () => isNotificationsSlideoverOpen.value = !isNotificationsSlideoverOpen.value
|
|
})
|
|
|
|
watch(() => route.fullPath, () => {
|
|
isHelpSlideoverOpen.value = false
|
|
isNotificationsSlideoverOpen.value = false
|
|
})
|
|
|
|
return {
|
|
isHelpSlideoverOpen,
|
|
isNotificationsSlideoverOpen
|
|
}
|
|
}
|
|
|
|
export const useDashboard = createSharedComposable(_useDashboard) |