diff options
Diffstat (limited to '.changeset/dull-carpets-breathe.md')
| -rw-r--r-- | .changeset/dull-carpets-breathe.md | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/.changeset/dull-carpets-breathe.md b/.changeset/dull-carpets-breathe.md index 63aca3cef..b009e5ccf 100644 --- a/.changeset/dull-carpets-breathe.md +++ b/.changeset/dull-carpets-breathe.md @@ -1,5 +1,11 @@ --- 'astro': patch +'@astrojs/preact': minor +'@astrojs/svelte': minor +'@astrojs/react': minor +'@astrojs/solid-js': minor +'@astrojs/lit': minor +'@astrojs/vue': minor --- Adds a new function called `addServerRenderer` to the Container API. Use this function to manually store renderers inside the instance of your container. @@ -14,10 +20,22 @@ import vueRenderer from '@astrojs/vue/server.js'; import ReactComponent from "../components/button.jsx" import VueComponent from "../components/button.vue" +// MDX runtime is contained inside the Astro +import mdxRenderer from "@astrojs/jsx/serverr.js" + +// In case you need to import a custom renderer +import customRenderer from "../renderers/custoRender.js"; + export const GET: APIRoute = async (ctx) => { const container = await experimental_AstroContainer.create(); - container.addServerRenderer("@astrojs/react", reactRenderer); - container.addServerRenderer("@astrojs/vue", vueRenderer); + container.addServerRenderer({ renderer: reactRenderer }); + container.addServerRenderer({ renderer: vueRenderer }); + container.addServerRenderer({ renderer: customRenderer }); + // You can pass a custom name too + container.addServerRenderer({ + name: "customRenderer", + renderer: customRenderer + }) const vueComponent = await container.renderToString(VueComponent) return await container.renderToResponse(Component); } |