Overriding layout for root route

[javadude24]

Describe the bug

I’m building a site, using sveltekit and plan to have a home page (via index.svelte) route with no layout. However, all other pages will have a common layout, so I plan to define __layout.svelte in routes directory. How do I reset the layout for index.svelte. I tried to define a directory ‘index’ with index.svelte and __layout.reset.svelte files within, but that does not work. Please advise a solution.

Reproduction

Yes

Logs

N/A

System Info

N/A

Severity

blocking all usage of SvelteKit

Additional Information

Need a solutiuon

[mihaon]

It would be great to add an index.reset.svelte feature to svelte kit. Related issue: #2694

Without this feature, the only way I can see is:

routes/__layout.svelte

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

{#if $page.path == '/'}
	<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/about.svelte

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

Results

http://localhost:3000/

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

http://localhost:3000/about

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