GPT

CORRECT USAGE IN COMPONENTS

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

Prompt text

Original English text. Replace placeholders with your own details.

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

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

{#if $loading}
 <div>Loading...</div>
{:else}
 {#if $isAuthenticated}
 <nav>
 <span>Welcome {$user?.name}</span>
 <button on:click={() => auth.logout()}>Logout</button>
 </nav>
 {:else}
 <button on:click={() => auth.login()}>Login</button>
 {/if}
 <slot />
{/if}

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 →