Editor in sfc-playground

[phantomlsh]

What problem does this feature solve?

Would you consider using microsoft/monaco-editor in sfc-playground? I believe that this editor is much more powerful than the current CodeMirror, including but not limited to auto-completion and syntax checking.

What does the proposed API look like?

A monaco-editor or other equivalent in sfc-playground

[yyx990803]

The concern is mostly loading speed, as Monaco is significantly larger than CodeMirror (close to 3Mb vs less than 100kb).

I think for sfc playground it probably makes sense to use Monaco, but ideally we want to provide two different versions, one optimized for editing experience (standalone playground) and one optimized for loading (embedded use cases).

Also this should be now discussed in https://github.com/vuejs/repl which is used in the SFC playground.

[phantomlsh]

Would you please take a quick look at this issue? Thanks a lot!

vuejs/repl#2