diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-03-18 15:35:45 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-03-18 15:35:45 -0700 |
| commit | 6386c14d00d1d820804f0ee5b1424e73c049fe83 (patch) | |
| tree | 3015e834e1d84100fd0871f6a55479bed61c0c14 /packages/integrations/svelte/Wrapper.svelte | |
| parent | 0f376a7c52d3a22ff32b33e0afc34dd306ed70c4 (diff) | |
| download | astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.tar.gz astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.tar.zst astro-6386c14d00d1d820804f0ee5b1424e73c049fe83.zip | |
Astro Integration System (#2820)
* update examples
* add initial integrations
* update tests
* update astro
* update ci
* get final tests working
* update injectelement todo
* update ben code review
* respond to final code review feedback
Diffstat (limited to 'packages/integrations/svelte/Wrapper.svelte')
| -rw-r--r-- | packages/integrations/svelte/Wrapper.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/packages/integrations/svelte/Wrapper.svelte b/packages/integrations/svelte/Wrapper.svelte new file mode 100644 index 000000000..c1ee77d91 --- /dev/null +++ b/packages/integrations/svelte/Wrapper.svelte @@ -0,0 +1,21 @@ +<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> |