23 lines
418 B
TypeScript
23 lines
418 B
TypeScript
import { useMagicKeys } from "@vueuse/core"
|
|
import { ref, watch } from "vue"
|
|
|
|
export const useEditionMode = () => {
|
|
const mode = ref<"read" | "edit">("read")
|
|
const toggleMode = () => {
|
|
mode.value = mode.value === "read" ? "edit" : "read"
|
|
}
|
|
|
|
const { escape } = useMagicKeys()
|
|
|
|
watch(escape, () => {
|
|
if (mode.value === "edit") {
|
|
toggleMode()
|
|
}
|
|
})
|
|
|
|
return {
|
|
mode,
|
|
toggleMode
|
|
}
|
|
}
|