diff options
| author |  Bjorn Lu <bluwy@users.noreply.github.com>
| 2024-11-06 14:16:10 +0000 |
|---|---|---|
| committer |  astrobot-houston <fred+astrobot@astro.build>
| 2024-11-06 14:16:10 +0000 |
| commit | 4a35c505e4914c723ec0d26cd663e7a1d9a86b00 (patch) | |
| tree | 484c0eb0d5db094bfea15cfdf0c077b4ef5e1156 | |
| parent | 6fd3d5960f5ab16591bfdb94d1f9b9a9b72006cf (diff) | |
| download | astro-4a35c505e4914c723ec0d26cd663e7a1d9a86b00.tar.gz astro-4a35c505e4914c723ec0d26cd663e7a1d9a86b00.tar.zst astro-4a35c505e4914c723ec0d26cd663e7a1d9a86b00.zip | |
[ci] format
| -rw-r--r-- | packages/integrations/svelte/client-v5.js | 23 | ||||
| -rw-r--r-- | packages/integrations/svelte/server-v5.js | 12 |
2 files changed, 17 insertions, 18 deletions
diff --git a/packages/integrations/svelte/client-v5.js b/packages/integrations/svelte/client-v5.js index f2cc647a2..123e544f6 100644 --- a/packages/integrations/svelte/client-v5.js +++ b/packages/integrations/svelte/client-v5.js @@ -10,7 +10,6 @@ export default (element) => { let $$slots = undefined; let renderFns = {}; - for (const [key, value] of Object.entries(slotted)) { // Legacy slot support $$slots ??= {}; @@ -25,15 +24,15 @@ export default (element) => { })); } // @render support for Svelte ^5.0 - if (key === 'default') { - renderFns.children = createRawSnippet(() => ({ - render: () => `<astro-slot>${value}</astro-slot>` - })); - } else { - renderFns[key] = createRawSnippet(() => ({ - render: () => `<astro-slot name="${key}">${value}</astro-slot>` - })); - } + if (key === 'default') { + renderFns.children = createRawSnippet(() => ({ + render: () => `<astro-slot>${value}</astro-slot>`, + })); + } else { + renderFns[key] = createRawSnippet(() => ({ + render: () => `<astro-slot name="${key}">${value}</astro-slot>`, + })); + } } const bootstrap = client !== 'only' ? hydrate : mount; @@ -42,7 +41,7 @@ export default (element) => { ...props, children, $$slots, - ...renderFns + ...renderFns, }); } else { const component = bootstrap(Component, { @@ -51,7 +50,7 @@ export default (element) => { ...props, children, $$slots, - ...renderFns + ...renderFns, }, }); existingApplications.set(element, component); diff --git a/packages/integrations/svelte/server-v5.js b/packages/integrations/svelte/server-v5.js index 932a52b1f..a38d38260 100644 --- a/packages/integrations/svelte/server-v5.js +++ b/packages/integrations/svelte/server-v5.js @@ -18,7 +18,7 @@ async function renderToStaticMarkup(Component, props, slotted, metadata) { let children = undefined; let $$slots = undefined; const renderProps = {}; - + for (const [key, value] of Object.entries(slotted)) { // Legacy slot support $$slots ??= {}; @@ -33,10 +33,10 @@ async function renderToStaticMarkup(Component, props, slotted, metadata) { })); } // @render support for Svelte ^5.0 - const slotName = key === 'default' ? 'children' : key; - renderProps[slotName] = createRawSnippet(() => ({ - render: () => `<${tagName}${key !== 'default' ? ` name="${key}"` : ''}>${value}</${tagName}>` - })); + const slotName = key === 'default' ? 'children' : key; + renderProps[slotName] = createRawSnippet(() => ({ + render: () => `<${tagName}${key !== 'default' ? ` name="${key}"` : ''}>${value}</${tagName}>`, + })); } const result = render(Component, { @@ -44,7 +44,7 @@ async function renderToStaticMarkup(Component, props, slotted, metadata) { ...props, children, $$slots, - ...renderProps + ...renderProps, }, }); return { html: result.body }; |