0f19482cf2
All checks were successful
CI / verify (push) Successful in 2m2s
Click a note image or a mermaid/tikz diagram to view it fullscreen over a blurred dim backdrop, with a fade/scale animation and rounded white frame. Works on desktop and mobile; diagram SVGs are serialized to a data URL via svgToDataUrl. Closes on click or Escape.
20 lines
366 B
TypeScript
20 lines
366 B
TypeScript
import { ref } from "vue"
|
|
|
|
const isOpen = ref(false)
|
|
const src = ref("")
|
|
const alt = ref("")
|
|
|
|
export const useImageLightbox = () => {
|
|
const open = (imageSrc: string, imageAlt = "") => {
|
|
src.value = imageSrc
|
|
alt.value = imageAlt
|
|
isOpen.value = true
|
|
}
|
|
|
|
const close = () => {
|
|
isOpen.value = false
|
|
}
|
|
|
|
return { isOpen, src, alt, open, close }
|
|
}
|