@css-render/vue3-ssr

Example

$3

``js
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 =

${css}

`js
import { defineComponent } from 'vue'
import { useSsrAdapter } from '@css-render/vue3-ssr'

const Child = defineComponent({
setup() {
c("div", {
color: "red",
}).mount({
id: "mount-id",
// It always returns undefined in browser (document === undefined)
ssr: useSsrAdapter(),
});
},
render() {
return h("div", null, "Child");
},
});
``