GPT

Usage Examples

const { login, register, logout, user, loading } = useAuth(); const email = ref(''); const password = ref(''); const name = ref(''); const isRegistering = ref(false); const handleSubmit = async () = { try { if (isRegi

Prompt text

Original English text. Replace placeholders with your own details.

<script setup lang="ts">
const { login, register, logout, user, loading } = useAuth();
const email = ref('');
const password = ref('');
const name = ref('');
const isRegistering = ref(false);

const handleSubmit = async () => {
 try {
 if (isRegistering.value) {
 await register(email.value, password.value, name.value);
 } else {
 await login(email.value, password.value);
 }
 email.value = '';
 password.value = '';
 name.value = '';
 } catch (error) {
 console.error('Auth error:', error);
 }
};
</script>

<template>
 <div v-if="loading">Loading...</div>
 <div v-else-if="user">
 <p>Welcome, {{ user.name }}!</p>
 <button @click="logout">Logout</button>
 </div>
 <form v-else @submit.prevent="handleSubmit">
 <div>
 <label>Email:</label>
 <input v-model="email" type="email" required />
 </div>
 <div>
 <label>Password:</label>
 <input v-model="password" type="password" required />
 </div>
 <div v-if="isRegistering">
 <label>Name:</label>
 <input v-model="name" type="text" required />
 </div>
 <button type="submit">
 {{ isRegistering ? 'Register' : 'Login' }}
 </button>
 <button type="button" @click="isRegistering = !isRegistering">
 {{ isRegistering ? 'Switch to Login' : 'Switch to Register' }}
 </button>
 </form>
</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 →