diff options
Diffstat (limited to 'packages/renderers/svelte')
-rw-r--r-- | packages/renderers/svelte/Wrapper.svelte | 21 | ||||
-rw-r--r-- | packages/renderers/svelte/client.js | 13 | ||||
-rw-r--r-- | packages/renderers/svelte/index.js | 7 | ||||
-rw-r--r-- | packages/renderers/svelte/package.json | 15 | ||||
-rw-r--r-- | packages/renderers/svelte/server.js | 15 |
5 files changed, 0 insertions, 71 deletions
diff --git a/packages/renderers/svelte/Wrapper.svelte b/packages/renderers/svelte/Wrapper.svelte deleted file mode 100644 index 78d4a402b..000000000 --- a/packages/renderers/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} - <astro-fragment> - {@html __astro_children} - </astro-fragment> - {/if} -</svelte:component> diff --git a/packages/renderers/svelte/client.js b/packages/renderers/svelte/client.js deleted file mode 100644 index ec0047abf..000000000 --- a/packages/renderers/svelte/client.js +++ /dev/null @@ -1,13 +0,0 @@ -import SvelteWrapper from './Wrapper.svelte'; - -export default (target) => { - return (component, props, children) => { - try { - new SvelteWrapper({ - target, - props: { __astro_component: component, __astro_children: children, ...props }, - hydrate: true, - }); - } catch (e) {} - }; -}; diff --git a/packages/renderers/svelte/index.js b/packages/renderers/svelte/index.js deleted file mode 100644 index 7cef83a2b..000000000 --- a/packages/renderers/svelte/index.js +++ /dev/null @@ -1,7 +0,0 @@ -export default { - name: '@astro-renderer/svelte', - snowpackPlugin: '@snowpack/plugin-svelte', - snowpackPluginOptions: { compilerOptions: { hydratable: true } }, - client: './client', - server: './server', -}; diff --git a/packages/renderers/svelte/package.json b/packages/renderers/svelte/package.json deleted file mode 100644 index 7ce4664fd..000000000 --- a/packages/renderers/svelte/package.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "name": "@astro-renderer/svelte", - "version": "0.0.1", - "type": "module", - "exports": { - ".": "./index.js", - "./client": "./client.js", - "./server": "./server.js", - "./package.json": "./package.json" - }, - "dependencies": { - "svelte": "^3.35.0", - "@snowpack/plugin-svelte": "^3.7.0" - } -} diff --git a/packages/renderers/svelte/server.js b/packages/renderers/svelte/server.js deleted file mode 100644 index 8b42a12a1..000000000 --- a/packages/renderers/svelte/server.js +++ /dev/null @@ -1,15 +0,0 @@ -import SvelteWrapper from './Wrapper.svelte'; - -function check(Component) { - return Component['render'] && Component['$$render']; -} - -async function renderToStaticMarkup(Component, props, children) { - const { html } = SvelteWrapper.render({ __astro_component: Component, __astro_children: children, ...props }); - return { html }; -} - -export default { - check, - renderToStaticMarkup, -}; |