feat: run Slidev in browser

[kermanx]

trafficstars

[WIP] This PR tries to run Slidev in the browser, with a better editor. I think the most commonly used functions work in the browser, but some don't. In this PR, changes to existing code will be very minimal, so the Node.js version will always be workable.

Although Slidev can run in StackBlitz, it is slow regarding startup time and operational efficiency.

Preview: https://deploy-preview-1800--slidev.netlify.app/web/

[netlify[bot]]

✅ Deploy Preview for slidev ready!

Name	Link
🔨 Latest commit	17469cd147b5aaeda8982c0ed1e9a5959e9ae123
🔍 Latest deploy log	https://app.netlify.com/sites/slidev/deploys/66b24820cf91ad0008eb37a4
😎 Deploy Preview	https://deploy-preview-1800--slidev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[cnguyen-de]

If the user can download an exported pdf version from the live version, this feature would be a killer feature for slidev.

Together with #1972 would be huge.

[cnguyen-de]

I tried out the PR and added some code on my local branch to test if you can add new slide with custom template other than default one, it looks something like this in packages/web/src/virtual/nav-controls.vue

...
const selectedTemplate = ref('default')

function add() {
  slidesSource.push({
    frontmatter: { layout: selectedTemplate.value },
    content: `# ${slidesSource.length + 1}`,
    note: '',
  })

...

// should be dynamically generated based on the current theme
const templates = [{
  value: 'default',
}, {
  value: 'fact',
}, {
  value: 'section',
}, {
  value: 'quote',
}]
</script>

<template>
  <MenuButton>
    <template #button>
      <IconButton class="slidev-icon" title="Add Slide">
        <carbon:add-large />
      </IconButton>
    </template>

    <template #menu>
      <SelectList v-model="selectedTemplate" title="Template" :items="templates" @click="add()" />
    </template>
  </MenuButton>
...

However whenever a new slide is added, the layout being shown is still the layout of the last slide. When inspecting the value in devtools, the value of frontmatter is correct. Upon creating new slide, the layout is applied. But same issue happens again, so basically the frontmatter config is delayed by one slide. I don't know all the internals yet to find a fix so I'm writing here to report the bug.