fix: codemirror import error slidevjs#1281

KermanX · Feb 10, 2024 · ab8a3de · ab8a3de
1 parent 14fa424
commit ab8a3de
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/packages/client/setup/codemirror.ts b/packages/client/setup/codemirror.ts
@@ -1,6 +1,6 @@
 import type { Ref, WritableComputedRef } from 'vue'
 import { watch } from 'vue'
-import * as CodeMirror from 'codemirror'
+import CodeMirror from 'codemirror'
 import 'codemirror/mode/javascript/javascript'
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/markdown/markdown'

diff --git a/packages/slidev/node/plugins/extendConfig.ts b/packages/slidev/node/plugins/extendConfig.ts
@@ -8,6 +8,16 @@ import type { ResolvedSlidevOptions } from '../options'
 import { resolveGlobalImportPath, resolveImportPath, toAtFS } from '../utils'
 import { searchForWorkspaceRoot } from '../vite/searchRoot'
 
+const INCLUDE = [
+  'codemirror',
+  'codemirror/mode/javascript/javascript',
+  'codemirror/mode/css/css',
+  'codemirror/mode/markdown/markdown',
+  'codemirror/mode/xml/xml',
+  'codemirror/mode/htmlmixed/htmlmixed',
+  'codemirror/addon/display/placeholder',
+]
+
 const EXCLUDE = [
   '@slidev/shared',
   '@slidev/types',
@@ -36,6 +46,7 @@ export function createConfigPlugin(options: ResolvedSlidevOptions): Plugin {
           dedupe: ['vue'],
         },
         optimizeDeps: {
+          include: INCLUDE,
           exclude: EXCLUDE,
         },
         css: options.data.config.css === 'unocss'