feat: export Sandbox

[wangcch]

You can control the preview yourself without loading the editor.

1. Separate Sandbox from Preview
2. Export Sandbox component

import { Sandbox, useStore } from '@vue/repl'

const store = useStore(
  {
    vueVersion: ref('3.5.13'),
  },
  location.hash,
)

return () => h(Sandbox, { store })

[vercel]

@wangcch is attempting to deploy a commit to the vuejs Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
repl	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 13, 2025 1:54pm

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/@vue/repl@309

commit: 94b9930

[wangcch]

#2
We could use the Sandbox component alone as a readonly preview of a project.

[edison1105]

LGTM
I think it's nice to have documentation for using Sandbox under README.md > ## Advanced Usage so users can refer to it.

[edison1105]

@wangcch Could we close #2 now?

[wangcch]

@wangcch Could we close #2 now?

I think it's OK 🙋‍♂️