VuePlayground component

[benatkin]

Make a component that creates a live-updating playground for Vue. Property ideas:

• sandbox="group" or sandbox="page" - require it to be sandboxed as a group/page
• sandbox="on" - require it to be sandboxed individually
• sandbox="off" - don't require sandbox - should be indexed so it can be inspected for security
• permissions="" list of permissions of things accessed through postMessage and the sandbox attribute
• style libraries and whether to wrap in web component (separate styles)
• link to file (can be used to make sure windicss/unocss styles inside it are compiled)

[benatkin]

Sandbox

<p class="hello">Hello, World.</p>

Sandbox

.hello {
  color: rebeccapurple;
}

Sandbox

document.querySelector('.hello').innerText = 'Hello, IndieWebCamp!!!'