fix: codemirror import error (#1281)

[kermanx]

fix #1281

This PR fixes #1281 by partly reverts 4ef7fc9.

It is confusing that the codemirror package isn't explicitly excluded from optimizeDeps, but it is in fact not optimized (only when @slidev/cli and @slidev/client are installed from npm registry. In this monorepo, it is OK). And codemirror@5 is a UMD package, but it is then wrongly imported as an ESM package, which causes the issue. This PR re-adds codemirror related packages to optimizeDeps.include array, and import CodeMirror as default import.

I am not sure whether other packages removed from the include list by 4ef7fc9 (listed below) should be added again or not.

Lines removed in 4ef7fc9:

import { dependencies } from '../../../client/package.json'
//      optimizeDeps: {
          include: [
            ...Object.keys(dependencies).filter(i => !EXCLUDE.includes(i)),
            'codemirror/mode/javascript/javascript',
            'codemirror/mode/css/css',
            'codemirror/mode/markdown/markdown',
            'codemirror/mode/xml/xml',
            'codemirror/mode/htmlmixed/htmlmixed',
            'codemirror/addon/display/placeholder',
            'prettier/plugins/babel',
            'prettier/plugins/html',
            'prettier/plugins/typescript',
            'mermaid/dist/mermaid.esm.min.mjs',
            'mermaid/dist/mermaid.esm.mjs',
            'vite-plugin-vue-server-ref/client',
          ],

This PR re-adds these:

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',
]

[antfu]

The reason for removing the optimizeDeps.include is that it doesn't work without shamefully-hoist on pnpm.

Maybe we could use a runtime interop to work for both cases? Like

import * as _cm from 'codemirror'

const cm = interopDefault(_cm) as import('codemirror')

function interopDefault(mod: any) {
  return mod.default || mod
}

(I didn't test the code above)

[kermanx]

This seems works:

import * as _CodeMirror from 'codemirror'

// eslint-disable-next-line ts/ban-ts-comment
// @ts-expect-error
const CodeMirror: typeof _CodeMirror = _CodeMirror.fromTextArea ? _CodeMirror : globalThis.CodeMirror