# @css-render/vue3-ssr > ## Example Latest version **0.15.14** (published 2024-05-05) · MIT license · 0 weekly downloads ## Install ```sh npm install @css-render/vue3-ssr pnpm add @css-render/vue3-ssr yarn add @css-render/vue3-ssr bun add @css-render/vue3-ssr ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.15.14 | | Published | 2024-05-05 | | First published | 2021-02-24 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 0 | | Unpacked size | 146.5 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Maintainers | 07akioni | ## Links - npm: https://www.npmjs.com/package/@css-render/vue3-ssr - npm.io page: https://npm.io/package/@css-render/vue3-ssr ## Recent versions - 0.15.14 (latest) — 2024-05-05 - 0.15.13 — 2024-05-05 - 0.15.12 — 2022-12-24 - 0.15.11 — 2022-08-21 - 0.15.10 — 2022-05-16 - 0.15.9 — 2022-03-05 - 0.15.8 — 2021-12-28 - 0.15.7 — 2021-12-28 - 0.15.6 — 2021-09-02 - 0.15.5 — 2021-07-24 - 0.15.4 — 2021-06-13 - 0.15.3 — 2021-06-12 - 0.15.2 — 2021-06-02 - 0.15.1 — 2021-06-01 - 0.15.0 — 2021-06-01 - … 11 more at https://npm.io/package/@css-render/vue3-ssr/versions ## README # @css-render/vue3-ssr ## Example ### Server ```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}

${appHtml}

` }) ``` ### Component ```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"); }, }); ``` --- _Source: https://npm.io/package/@css-render/vue3-ssr · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._