The Vue example actually loads Vue in index.js as an import statement. I'm not really familiar with Vue, so maybe that isn't typical and I should put it as a script tag?
But it would be nicer to have a complete project in the browser.
Think of it this way: When someone hits 'export' and downloads the zip - how will they be able to run what they built? They need to set up a whole serverside toolchain. If you instead load vue clientside, the downloaded thing would work right away. Without any setup or dependencies.
This applies to the React example just as well.
The server side toolchain is how most devs do it these days. I personally prefer to skip it.
Demoboard is really made for throwing together a demo as quick as possible. But I think https://codesandbox.io would suit what you want perfectly. Have you given it a try?
Here we go:
https://frontarm.com/demoboard/?id=321f4d83-b0d8-4bd0-876b-0...
No more hidden magic. Everything happens in the browser. The user can use the downloaded thing without setting up a server side toolchain.
Perhaps I could find a way to transform imports into script statements in the exported file. I'll have a think about it...
Perhaps I could find a way to transform
imports into script statements in the exported file
There really is no difference between Vue and React in this regard. The React demo without a server side toolchain looks like this:
https://frontarm.com/demoboard/?id=2e5ca405-b011-4d00-988d-2...