elk/composables/dialog.ts
2022-11-24 16:04:53 +08:00

34 lines
902 B
TypeScript

import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
export const toggleZenMode = useToggle(isZenMode)
export const isUserSwitcherOpen = ref(false)
export const isSigninDialogOpen = ref(false)
export const isPublishDialogOpen = ref(false)
export const isPreviewHelpOpen = ref(isFirstVisit.value)
export function openUserSwitcher() {
isUserSwitcherOpen.value = true
}
export function openSigninDialog() {
isSigninDialogOpen.value = true
isUserSwitcherOpen.value = false
}
export function openPreviewHelp() {
isPreviewHelpOpen.value = true
}
export function openPublishDialog() {
isPublishDialogOpen.value = true
}
if (isPreviewHelpOpen.value) {
watch(isPreviewHelpOpen, () => {
isFirstVisit.value = false
})
}