fix: update layout to use traditional Svelte patterns for SSR compatibility

Co-Authored-By: charis@supabase.io <charis@supabase.io>
This commit is contained in:
Devin AIandcharis@supabase.io committed 2024-12-18 20:50:03 +00:00
1 parent f0df5ae285
commit 95b432bb61
1 file changed
+4 -4
@@ -2,12 +2,12 @@
<script lang="ts">
import '../styles.css'
import { invalidate } from '$app/navigation'
import { props, effect } from 'svelte'
import { onMount } from 'svelte'
const data = props<{ supabase: any; session: any }>()
export let data: { supabase: any; session: any }
const { supabase, session } = data
effect(() => {
onMount(() => {
const { data: authData } = supabase.auth.onAuthStateChange((event, _session) => {
if (_session?.expires_at !== session?.expires_at) {
invalidate('supabase:auth')
@@ -25,5 +25,5 @@
</svelte:head>
<div class="container" style="padding: 50px 0 100px 0">
{@render slot()}
<slot />
</div>