Please, explain me ctx.modules in some ssr vite examples

[kasec]

Sorry guys, but I have a question, in some SSR examples its used the following snipped:

const ctx: SSRContext = {}
const appHTML = await renderToString(app, ctx)

// need to resolve assets so render content first
const renderedHTML = renderHTML(transformedIndexHTML, appHTML)

// render current page's preloadLinks
renderPreloadLinks(ctx.modules, ssrManifest)

But when try to watch ctx.modules, always its empty, I want to know in what specific scenario it has something, because I want to pre-render a component with its styles, but it loads the styles until JS is loaded in browser.

Someone who wants to explain me I will be very happy with that.

[yyx990803]

This only works if the components are transformed by @vitejs/plugin-vue. Relevant code: https://github.com/vitejs/vite/blob/main/packages/plugin-vue/src/main.ts#L126-L139

[kasec]

This code as equal as this https://github.com/vitejs/vite/blob/main/packages/playground/ssr-vue, I assumed that every vue file go through @vitejs/plugin-vue.
Note: in my example, CSS and JS files are never set.