ref: Update components to Svelte 5 syntax

Author: jianyuan

src/lib/stores/user.ts

@@ -1,4 +1,4 @@
-import type { Admin, Record } from 'pocketbase'
+import type { AuthModel } from 'pocketbase'
 import { writable } from 'svelte/store'
 
-export const currentUser = writable<Record | Admin | null>()
+export const currentUser = writable<AuthModel | null>()

src/routes/+layout.svelte

@@ -1,15 +1,23 @@
 <script lang="ts">
   import '../app.postcss'
 
+  import type { Snippet } from 'svelte'
   import { applyAction, enhance } from '$app/forms'
   import { pb } from '$lib/pocketbase'
   import { currentUser } from '$lib/stores/user'
   import type { PageData } from './$types'
 
-  export let data: PageData
+  interface Props {
+    data: PageData
+    children?: Snippet
+  }
+
+  let { data, children }: Props = $props()
 
   // Set the current user from the data passed in from the server
-  $: currentUser.set(data.user)
+  $effect(() => {
+    currentUser.set(data.user)
+  })
 </script>
 
 <div class="bg-neutral text-neutral-content">
@@ -45,5 +53,5 @@
 </div>
 
 <div class="max-w-xl mx-auto py-8 px-4">
-  <slot />
+  {@render children?.()}
 </div>