Slot-based routing (#573)

This commit is contained in:
Rich Harris
2019-02-21 16:34:07 -05:00
committed by GitHub
parent c637687922
commit e0de230e13
22 changed files with 141 additions and 99 deletions

View File

@@ -8,13 +8,16 @@
<script>
import { preloading } from '@sapper/app';
import { setContext } from 'svelte';
export let child;
export let rootPreloadFunctionRan;
setContext('x', { rootPreloadFunctionRan });
</script>
{#if $preloading}
<progress class='preloading-progress' value=0.5/>
{/if}
<svelte:component this={child.component} {rootPreloadFunctionRan} {...child.props}/>
<slot></slot>

View File

@@ -1 +0,0 @@
<svelte:component this={child.component} {...child.props}/>

View File

@@ -1 +0,0 @@
<h1>root preload function ran: {rootPreloadFunctionRan}</h1>

View File

@@ -0,0 +1,6 @@
<script>
import { getContext } from 'svelte';
const { rootPreloadFunctionRan } = getContext('x');
</script>
<h1>root preload function ran: {rootPreloadFunctionRan}</h1>

View File

@@ -1 +0,0 @@
<svelte:component this={child.component} {...child.props}/>