summaryrefslogtreecommitdiff
path: root/packages/integrations/lit/server.js
diff options
context:
space:
mode:
Diffstat (limited to 'packages/integrations/lit/server.js')
-rw-r--r--packages/integrations/lit/server.js16
1 files changed, 12 insertions, 4 deletions
diff --git a/packages/integrations/lit/server.js b/packages/integrations/lit/server.js
index bc8995061..2f9076672 100644
--- a/packages/integrations/lit/server.js
+++ b/packages/integrations/lit/server.js
@@ -26,7 +26,7 @@ async function check(Component, _props, _children) {
return !!(await isLitElement(Component));
}
-function* render(Component, attrs, children) {
+function* render(Component, attrs, slots) {
let tagName = Component;
if (typeof tagName !== 'string') {
tagName = Component[Symbol.for('tagName')];
@@ -57,15 +57,23 @@ function* render(Component, attrs, children) {
yield* shadowContents;
yield '</template>';
}
- yield children || ''; // don’t print “undefined” as string
+ if (slots) {
+ for (const [slot, value] of Object.entries(slots)) {
+ if (slot === 'default') {
+ yield `<astro-slot>${value || ''}</astro-slot>`;
+ } else {
+ yield `<astro-slot slot="${slot}">${value || ''}</astro-slot>`;
+ }
+ }
+ }
yield `</${tagName}>`;
}
-async function renderToStaticMarkup(Component, props, children) {
+async function renderToStaticMarkup(Component, props, slots) {
let tagName = Component;
let out = '';
- for (let chunk of render(tagName, props, children)) {
+ for (let chunk of render(tagName, props, slots)) {
out += chunk;
}