zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: image previews (#104)

Browse source 
Co-authored-by: lihbr <lihbr@users.noreply.github.com>
This commit is contained in:
Lucie 2022-11-25 13:13:44 -05:00 • committed by GitHub
parent a812ea098f
commit 9df9c06f64
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 36 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
composables/dialog.ts
View file

@ -1,6 +1,7 @@
import type { Draft } from './statusDrafts'
import { STORAGE_KEY_FIRST_VISIT, STORAGE_KEY_ZEN_MODE } from '~/constants'
export const imagePreview = ref({ src: '', alt: '' })
export const isFirstVisit = useLocalStorage(STORAGE_KEY_FIRST_VISIT, true)
export const isZenMode = useLocalStorage(STORAGE_KEY_ZEN_MODE, false)
export const toggleZenMode = useToggle(isZenMode)
@ -8,6 +9,7 @@ export const toggleZenMode = useToggle(isZenMode)
export const isUserSwitcherOpen = ref(false)
export const isSigninDialogOpen = ref(false)
export const isPublishDialogOpen = ref(false)
export const isImagePreviewDialogOpen = ref(false)
export const isPreviewHelpOpen = ref(isFirstVisit.value)
export function openUserSwitcher() {
@ -19,10 +21,6 @@ export function openSigninDialog() {
isUserSwitcherOpen.value = false
}
export function openPreviewHelp() {
isPreviewHelpOpen.value = true
}
export function openPublishDialog(draft?: Draft) {
if (draft)
dialogDraft.draft.value = draft
@ -34,3 +32,12 @@ if (isPreviewHelpOpen.value) {
isFirstVisit.value = false
})
}
export function openImagePreviewDialog(image: { src: string; alt: string }) {
imagePreview.value = image
isImagePreviewDialogOpen.value = true
}
export function openPreviewHelp() {
isPreviewHelpOpen.value = true
}