Provide a way for layouts to determine if current page is an error page

[benmccann]

In Sapper we did sveltejs/sapper#1498

Suggestion from Rich for SvelteKit:

Given that it only applies to the root layout I think I'd prefer that we pass the error (and possibly status) as a prop. It doesn't belong on the page store

[Rich-Harris]

Created a new straightforward label for issues like this that should be pretty easy to implement since they don't touch a bunch of different places. In this case I think we just need to add a prop here...

kit/packages/kit/src/core/create_app/index.js

Line 191 in 64d0291

<Layout {...(props_0 || {})}>

...and add a test.

The one downside of this approach is that we'll get created with unknown prop warnings in dev if the root layout doesn't expose an error prop, but that's not the worst thing in the world

[Conduitry]

Could we partially relieve that by having the starter template define the prop in the root layout, even if it doesn't use it? That might not be worth it though, and would add bytes to the prod version just to avoid a dev time warning. I'm torn.

[Rich-Harris]

I think Svelte should probably skip the warning in cases where the prop is undefined anyway.

Relatedly, we have a similar problem with it often warning that a default slot was provided to a leaf component

[Rich-Harris]

We decided that the best way to do this would be

import { status, error } from '$app/stores';

[Rich-Harris]

closed via #3096