create today fleeting note

src/hooks/useEditionMode.ts

@@ -0,0 +1,22 @@
+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
+  }
+}