It's a todo list.
update Snippet type import
+4
-3
+4
-3
src/routes/+layout.svelte
+4
-3
src/routes/+layout.svelte
···
1
1
<script lang="ts">
2
2
import "../app.css";
3
-
import { onMount } from "svelte";
3
+
import { onMount, type Snippet } from "svelte";
4
4
import { page } from "$app/state";
5
5
import { goto } from "$app/navigation";
6
6
import { fade } from "svelte/transition";
7
7
import toast, { Toaster } from "svelte-french-toast";
8
8
import { persisted, pinned_list } from "$lib/stores.svelte";
9
+
9
10
interface Props {
10
-
children?: import('svelte').Snippet;
11
+
children: Snippet
11
12
}
12
13
13
14
let { children }: Props = $props();
···
32
33
33
34
<div class={`${theme_style} font-apfel flex flex-col w-full h-full min-w-screen min-h-screen p-8 overflow-auto`}>
34
35
<section class="p-4 w-full h-full">
35
-
{@render children?.()}
36
+
{@render children()}
36
37
</section>
37
38
38
39
<aside class="z-50 fixed inset-x-0 bottom-0 !text-black flex w-full h-fit items-end justify-between p-8 pointer-events-none">