Subscribe on changes!

Editor in sfc-playground

avatar
Sep 27th 2021

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

avatar
Sep 27th 2021

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.

avatar
Oct 29th 2021

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

https://github.com/vuejs/repl/issues/2