Lazy loading modes doesn't work

[kldzj]

Hi there,

there seems to be a problem when trying to lazy load modes like in the CodeMirror example.

this.$refs.codemirror.editor.setOption('mode', syntax);
CodeMirror.autoLoadMode(this.$refs.codemirror.editor, syntax);

syntax in this case would be 'text/x-php' or any other of the supported language mime types.

TypeError: CodeMirror.autoLoadMode is not a function

Is this a known problem or is some workaround needed? :)

[surmon-china]

require('codemirror/mode/php/php.js')
require('codemirror/addon/mode/loadmode.js')
// your options
// ...
// get the mode by findModeByName || findModeByExtension || findModeByMIME || findModeByFileName
// like: view-source:https://codemirror.net/demo/loadmode.html
const syntax = 'php'
this.$refs.codemirror.editor.setOption('mode', syntax)
CodeMirror.autoLoadMode(this.$refs.codemirror.editor, syntax)

[kieuminhcanh]

It's not lazy loading anymore when code like that.

[zhangchunlin]

Now I cannot get editor property in codemirror obj:

                    var cm = vm.$refs.srccode
                    console.log(cm)
                    console.log(cm.editor)

The result:

VueComponent {_uid: 1, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: VueComponent, …}     (index):164
undefined