GPT

CORRECT USAGE IN COMPONENTS

import { onMount } from 'svelte' import { supabase, user, loading } from '$lib/stores/supabase' onMount(() = { supabase.initAuth() }) {if $loading} Loading... {:else} {if $user} Welcome {$user.email} supa

Prompt text

Original English text. Replace placeholders with your own details.

<!-- src/routes/+layout.svelte -->
<script lang="ts">
 import { onMount } from 'svelte'
 import { supabase, user, loading } from '$lib/stores/supabase'

 onMount(() => {
 supabase.initAuth()
 })
</script>

{#if $loading}
 <div>Loading...</div>
{:else}
 {#if $user}
 <nav>
 <span>Welcome {$user.email}</span>
 <button on:click={() => supabase.signOut()}>Sign Out</button>
 </nav>
 {:else}
 <button on:click={() => goto('/login')}>Sign In</button>
 {/if}
 <slot />
{/if}

<!-- src/routes/login/+page.svelte -->
<script lang="ts">
 import { supabase, error } from '$lib/stores/supabase'

 let email = ''
 let password = ''

 async function handleSubmit() {
 await supabase.signIn(email, password)
 }
</script>

<form on:submit|preventDefault={handleSubmit}>
 {#if $error}
 <div class="error">{$error.message}</div>
 {/if}
 
 <input
 type="email"
 placeholder="Email"
 bind:value={email}
 required
 />
 
 <input
 type="password"
 placeholder="Password"
 bind:value={password}
 required
 />
 
 <button type="submit">Sign In</button>
</form>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →