Support children inside of components (#72)

* chore(examples): add kitchen-sink

* feat: support children in rendered components

* feat: add support for rendering children in Svelte

* fix: cleanup p/react fragment children

* chore: add @ts-nocheck to svelte files

* chore: update lockfiles

* fix: types

* feat: memoize frontend/renderer/utils

* fix: disable eslint for compiled SvelteWrapper

* fix: add missing dep

Co-authored-by: Nate Moore <nate@skypack.dev>

1 files changed, 10 insertions, 0 deletions

diff --git a/src/frontend/runtime/svelte.ts b/src/frontend/runtime/svelte.ts
new file mode 100644
index 000000000..8d7f28b76
--- /dev/null
+++ b/src/frontend/runtime/svelte.ts
@@ -0,0 +1,10 @@
+import SvelteWrapper from '../SvelteWrapper.svelte.client';
+import type { SvelteComponent } from 'svelte';
+
+export default (target: Element, component: SvelteComponent, props: any, children: string) => {
+    new SvelteWrapper({
+        target,
+        props: { __astro_component: component, __astro_children: children, ...props },
+        hydrate: true
+    })
+}