Bring your own UI

[oodavid]

Motivation

• I'd like to use the editor without the compile step - I'm interested in autocomplete / volar.js
• I'd also like to have some control over how files are rendered - in a vertical list rather than tabs
• I'm not interested in compilation or the preview

Reading through a few feature requests (#323) and pull requests (#309), I can see that a few others have similar needs.

Current Customisation

I think broadly speaking there are 4 UI categories:

1. Configuration
2. File Management
3. Editor
4. Output

We can choose the editor (CodeMirror / Monaco).
And use <Sandbox> for a standalone preview.
The sfc-sandbox <Header> shows how to manage many config options.

But it's not straightforward to modify other UI elements. Like switching to vertical file management, or disabling the Output altogether.

Do we think there would be an appetite for this?