diff --git a/website/src/routes/+layout.svelte b/website/src/routes/+layout.svelte
index 6d22579..c934f41 100644
--- a/website/src/routes/+layout.svelte
+++ b/website/src/routes/+layout.svelte
@@ -1,18 +1,28 @@
 <script lang="ts">
-	import './layout.css';
+	import './layout.css'
 
-	let { children } = $props();
-	let user: any = $state();
+	let { children } = $props()
+	let user: any = $state()
 
-	import pb from '$lib/pocketbase';
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
+	import pb from '$lib/pocketbase'
+	import { goto } from '$app/navigation'
+	import { onMount } from 'svelte'
 
-	onMount(() => {
+	function reloadLoginStatus() {
 		if (pb.authStore.isValid) {
-			user = pb.authStore.record;
+			user = pb.authStore.record
+		} else {
+			user = null
 		}
-	});
+		
+	}
+	pb.authStore.onChange((_, record) => {
+		reloadLoginStatus()
+	}, true)
+
+	onMount(() => {
+		reloadLoginStatus()
+	})
 </script>
 
 <!-- 顶部导航栏 -->
@@ -43,8 +53,8 @@
 					<li>
 						<button
 							onclick={() => {
-								pb.authStore.clear();
-								window.location.reload();
+								pb.authStore.clear()
+								window.location.reload()
 							}}
 							class="w-full text-left text-error">Logout</button
 						>