Support __error.reset.svelte

[drobati]

Describe the problem

I want the error page at /routes to not contain the __layout.svelte code.

I would like my error page to be a fullscreen background image without the navbar that exists across the site.

Describe the proposed solution

Allow error pages to be reset with .reset like __layout.reset.svelte

Alternatives considered

No response

Importance

would make my life easier

Additional Information

No response

[yousufiqbal]

I second this. This is a need

[mihaon]

I need it too. Moreover I think it can be useful for any page (for example, index.reset.svelte; see #2999)

Without __error.reset.svelte feature I don't see a good way to create a root error page with its own layout, and the only way I can see is:

hooks.js

export async function handle({request, resolve}) {
	request.locals.error = false
	let response = await resolve(request)

	if (response.status != 200) {
		request.locals.error = true
		response = await resolve(request)
	}

	return {
		...response,
	}
}

export async function getSession(request) {
	return {
		error: request.locals.error,
	}
}

routes/__layout.svelte

<script>
	import {session} from '$app/stores'
</script>

{#if $session.error}
	<slot></slot>
{:else}
	<header>Layout header</header>
	<main>
		<slot></slot>
	</main>
	<footer>Layout footer</footer>
{/if}

routes/index.svelte

<p>Content of index.svelte</p>

routes/__error.svelte

<p>Content of __error.svelte</p>

Results

http://localhost:3000/

<header>Layout header</header>
<main>
	<p>Content of index.svelte</p>
</main>
<footer>Layout footer</footer>

http://localhost:3000/qweqweqwe

<p>Content of __error.svelte</p>

[pzuraq]

This would be useful for us as well. It would also be useful to be able to reset the layout for index.svelte, specifically because index.svelte is a completely different page design for us.

[lukaszpolowczyk]

I am pasting my proposal - __error folder z __layout.reset.svelte:

A __error directory that can have its own __layout.reset.svelte. This can be multi-level. For the first level: routes/__error/index.svelte - error page routes/__error/__layout.reset.svelte - layout reset page

The file /routes/__error/index.svelte, is equivalent to /routes/__error.svelte - so it works on all subpages e.g. on routes/about also this error works.

Of course this should also work: routes/todos/__error/index.svelte - error page routes/todos/__error/__layout.reset.svelte - layout reset page

Then the /routes/todos/__error/index.svelte file is equivalent to /routes/todos/__error.svelte.

[Rich-Harris]

closing in favour of #4582