GPT

CORRECT PROTECTED COMPONENT

const { user, signOut } = useAuth(); const { data: profile, error } = await useAsyncData('profile', async () = { const supabase = useSupabaseClient(); const { data, error } = await supabase .from('profiles') .selec

Prompt text

Original English text. Replace placeholders with your own details.

<!-- components/ProtectedContent.vue -->
<script setup lang="ts">
const { user, signOut } = useAuth();

const { data: profile, error } = await useAsyncData('profile',
 async () => {
 const supabase = useSupabaseClient();
 const { data, error } = await supabase
 .from('profiles')
 .select('*')
 .eq('id', user.value?.id)
 .single();
 
 if (error) throw error;
 return data;
 },
 {
 watch: [user]
 }
);
</script>

<template>
 <div>
 <template v-if="user">
 <h1>Welcome {{ user.email }}</h1>
 
 <div v-if="profile">
 <h2>Profile</h2>
 <pre>{{ profile }}</pre>
 </div>
 
 <div v-if="error">
 Error loading profile: {{ error.message }}
 </div>
 
 <button @click="signOut">Sign Out</button>
 </template>
 </div>
</template>

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 →