change indentWithTab position

packages/editor/src/services/codemirror-editor/use-codemirror-editor/use-codemirror-editor.ts

@@ -1,8 +1,10 @@
 import { useMemo } from 'react';
 
+import { indentWithTab } from '@codemirror/commands';
 import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
 import { languages } from '@codemirror/language-data';
 import { type Extension } from '@codemirror/state';
+import { keymap } from '@codemirror/view';
 import { useCodeMirror, type UseCodeMirror } from '@uiw/react-codemirror';
 
 import type { UseCodeMirrorEditorStates } from '../interfaces/react-codemirror';
@@ -25,6 +27,7 @@ export type UseCodeMirrorEditor = UseCodeMirrorEditorStates & UseCodeMirrorEdito
 
 const defaultExtensions: Extension[] = [
   markdown({ base: markdownLanguage, codeLanguages: languages }),
+  keymap.of([indentWithTab]),
 ];
 
 export const useCodeMirrorEditor = (props?: UseCodeMirror): UseCodeMirrorEditor => {

packages/editor/src/stores/codemirror-editor.ts

@@ -1,8 +1,7 @@
 import { useMemo } from 'react';
 
-import { indentWithTab } from '@codemirror/commands';
 import { type Extension } from '@codemirror/state';
-import { scrollPastEnd, keymap } from '@codemirror/view';
+import { scrollPastEnd } from '@codemirror/view';
 import { useSWRStatic } from '@growi/core/dist/swr';
 import type { ReactCodeMirrorProps, UseCodeMirror } from '@uiw/react-codemirror';
 import type { SWRResponse } from 'swr';
@@ -12,7 +11,6 @@ import { useCodeMirrorEditor } from '../services';
 
 const defaultExtensionsMain: Extension[] = [
   scrollPastEnd(),
-  keymap.of([indentWithTab]),
 ];
 
 export const useCodeMirrorEditorMain = (container?: HTMLDivElement | null, props?: ReactCodeMirrorProps): SWRResponse<UseCodeMirrorEditor> => {