fix: prevent hotkeys when typing in monaco editor

Author: QuentinRoy

packages/client/setup/monaco.ts

@@ -4,7 +4,6 @@ import setups from '#slidev/setups/monaco'
 import { createSingletonPromise } from '@antfu/utils'
 import { setupTypeAcquisition } from '@typescript/ata'
 import * as monaco from 'monaco-editor'
-
 import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
 // @ts-expect-error missing types
 import { StandaloneServices } from 'monaco-editor/esm/vs/editor/standalone/browser/standaloneServices'
@@ -16,10 +15,10 @@ import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
 import { ContextViewService } from 'monaco-editor/esm/vs/platform/contextview/browser/contextViewService'
 // @ts-expect-error missing types
 import { SyncDescriptor } from 'monaco-editor/esm/vs/platform/instantiation/common/descriptors'
-
 import ts from 'typescript'
 import { watchEffect } from 'vue'
 import { isDark } from '../logic/dark'
+import { shortcutsEnabled } from '../state'
 
 window.MonacoEnvironment = {
   getWorker(_, label) {
@@ -97,6 +96,18 @@ const setup = createSingletonPromise(async () => {
     Object.assign(editorOptions, result?.editorOptions)
   }
 
+  // Disable shortcuts when focusing Monaco editor.
+  monaco.editor.onDidCreateEditor((editor) => {
+    let areShortcutsEnabled = shortcutsEnabled.value
+    editor.onDidFocusEditorWidget(() => {
+      areShortcutsEnabled = shortcutsEnabled.value
+      shortcutsEnabled.value = false
+    })
+    editor.onDidBlurEditorWidget(() => {
+      shortcutsEnabled.value = areShortcutsEnabled
+    })
+  })
+
   // Use Shiki to highlight Monaco
   shikiToMonaco(highlighter, monaco)
   if (typeof themes === 'string') {