move all page info to app-level stores

test/apps/layout/src/client.js

@@ -2,6 +2,11 @@ import * as sapper from '@sapper/app';
 
 window.start = () => sapper.start({
 	target: document.querySelector('#sapper')
+}).catch(err => {
+	console.error(`OH NO! ${err.message}`);
+	throw err;
+}).then(() => {
+	console.log(`STARTED`);
 });
 
 window.prefetchRoutes = () => sapper.prefetchRoutes();

test/apps/layout/src/routes/[x]/[y]/[z].html

@@ -9,10 +9,10 @@
 </script>
 
 <script>
-	export let params;
+	import { page } from '@sapper/app';
+
 	export let count;
-	export let segment = params.z;
 </script>
 
-<span>z: {segment} {count}</span>
+<span>z: {$page.params.z} {count}</span>
 <a href="foo/bar/qux">click me</a>

test/apps/layout/src/routes/[x]/[y]/_layout.html

@@ -9,13 +9,13 @@
 </script>
 
 <script>
-	export let params;
+	import { page } from '@sapper/app';
+
 	export let count;
 	export let child;
-	export let segment = params.y;
 </script>
 
-<span>y: {segment} {count}</span>
+<span>y: {$page.params.y} {count}</span>
 <svelte:component this={child.component} {...child.props}/>
 
 <span>child segment: {child.segment}</span>