diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2022-06-23 10:10:54 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-06-23 10:10:54 -0500 |
| commit | 7373d61cdcaedd64bf5fd60521b157cfa4343558 (patch) | |
| tree | db7ba617722a58e4b1b6437f1fcabd7f894fd8b1 /packages/integrations/svelte/Wrapper.svelte | |
| parent | 19cd962d0b3433ee305d1d277ca4fc3b93593558 (diff) | |
| download | astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.tar.gz astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.tar.zst astro-7373d61cdcaedd64bf5fd60521b157cfa4343558.zip | |
Enable named slots in renderers (#3652)
* feat: pass all slots to renderers
* refactor: pass `slots` as top-level props
* test: add named slot test for frameworks
* fix: nested hydration, slots that are not initially rendered
* test: add nested-recursive e2e test
* fix: render unmatched custom element children
* chore: update lockfile
* fix: unrendered slots for client:only
* fix(lit): ensure lit integration uses new slots API
* chore: add changeset
* chore: add changesets
* fix: lit slots
* feat: convert dash-case or snake_case slots to camelCase for JSX
* feat: remove tmpl special logic
* test: add slot components-in-markdown test
* refactor: prefer Object.entries.map() to for/of loop
Co-authored-by: Nate Moore <nate@astro.build>
Diffstat (limited to 'packages/integrations/svelte/Wrapper.svelte')
| -rw-r--r-- | packages/integrations/svelte/Wrapper.svelte | 21 |
1 files changed, 0 insertions, 21 deletions
diff --git a/packages/integrations/svelte/Wrapper.svelte b/packages/integrations/svelte/Wrapper.svelte deleted file mode 100644 index c1ee77d91..000000000 --- a/packages/integrations/svelte/Wrapper.svelte +++ /dev/null @@ -1,21 +0,0 @@ -<script> -/** - * Why do we need a wrapper component? - * - * Astro passes `children` as a string of HTML, so we need - * a way to render that content. - * - * Rather than passing a magical prop which needs special - * handling, using this wrapper allows Svelte users to just - * use `<slot />` like they would for any other component. - */ -const { __astro_component: Component, __astro_children, ...props } = $$props; -</script> - -<svelte:component this={Component} {...props}> - {#if __astro_children != null} - <astro-fragment> - {@html __astro_children} - </astro-fragment> - {/if} -</svelte:component> |