@css-render/vue3-ssr

import { createSSRApp } from 'vue' import { renderToString } from '@vue/server-renderer' import { setup } = from '@css-render/vue3-ssr'

Usage no npm install needed!

<script type="module">
  import cssRenderVue3Ssr from 'https://cdn.skypack.dev/@css-render/vue3-ssr';
</script>

README

@css-render/vue3-ssr

Example

import { createSSRApp } from 'vue'
import { renderToString } from '@vue/server-renderer'
import { setup } = from '@css-render/vue3-ssr'

// For each request, you need to create a new app
const ssrApp = createSSRApp(App)
const { collect } = setup(ssrApp) 

renderToString(ssrApp).then(appHtml => {
  const css = collect()
  const page = `<!DOCTYPE html>
  <html>
    <head>${css}</head>
    <body><div id="app">${appHtml}</div></body>
  </html>`
})