fix: permission missing if refresh

Signed-off-by: pakintada@gmail.com <Pakin>

src/routes/(authed)/entry/+layout.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-    import favicon from '$lib/assets/favicon.svg';
-    let { children } = $props();
+	import favicon from '$lib/assets/favicon.svg';
+	let { children } = $props();
 
+	// try get permissions
 </script>
 
 <svelte:head>
@@ -10,5 +11,4 @@
 	<title>Taobin Management Tools</title>
 </svelte:head>
 
-
-{@render children()}
+{@render children()}

src/routes/(authed)/entry/+page.svelte

@@ -8,6 +8,7 @@
 	import ArrowRight from '@lucide/svelte/icons/arrow-right';
 	import { permission as currentPermissions } from '$lib/core/stores/permissions';
 	import { get } from 'svelte/store';
+	import { onMount } from 'svelte';
 
 	let recipeModBtn = $state<HTMLElement | null>(null);
 	let monitorModBtn = $state<HTMLElement | null>(null);
@@ -16,6 +17,8 @@
 
 	let animationPulseGoto: JSAnimation;
 
+	let perms = $state<string[]>([]);
+
 	setInterval(() => {
 		if (gotoDashboardBtn && !animationPulseGoto) {
 			animationPulseGoto = animate(gotoDashboardBtn, {
@@ -30,7 +33,16 @@
 		}
 	}, 1000);
 
-	let perms = get(currentPermissions);
+	// let perms = get(currentPermissions);
+
+	onMount(() => {
+		return currentPermissions.subscribe((perm) => {
+			console.log('sub get perm', JSON.stringify(perm));
+			if (perm.length > 0) {
+				perms = perm;
+			}
+		});
+	});
 </script>
 
 <div class="flex h-screen items-center justify-center">
@@ -101,7 +113,7 @@
 
 		{#if perms.filter((x) => x.startsWith('document.read') || x.startsWith('document.write') || x.startsWith('tools')).length == 0}
 			<p class="m-8 text-center text-2xl">
-				No modules are available. Please check your account with admin.
+				No modules are available. Please wait a seconds or check your account with admin.
 			</p>
 		{/if}