GPT

CORRECT LOGIN PAGE

const { signIn } = useAuth(); const router = useRouter(); const route = useRoute(); const form = ref({ email: '', password: '' }); const loading = ref(false); const error = ref (null); async function handleSubmit()

Prompt text

Original English text. Replace placeholders with your own details.

<!-- pages/auth/login.vue -->
<script setup lang="ts">
const { signIn } = useAuth();
const router = useRouter();
const route = useRoute();

const form = ref({
 email: '',
 password: ''
});

const loading = ref(false);
const error = ref<string | null>(null);

async function handleSubmit() {
 try {
 loading.value = true;
 error.value = null;
 
 await signIn(form.value);
 
 const redirect = route.query.redirect as string;
 await router.push(redirect || '/');
 } catch (e) {
 error.value = e.message;
 } finally {
 loading.value = false;
 }
}
</script>

<template>
 <div>
 <h1>Login</h1>
 <form @submit.prevent="handleSubmit">
 <div v-if="error" class="error">
 {{ error }}
 </div>
 
 <div>
 <label for="email">Email</label>
 <input
 id="email"
 v-model="form.email"
 type="email"
 required
 />
 </div>
 
 <div>
 <label for="password">Password</label>
 <input
 id="password"
 v-model="form.password"
 type="password"
 required
 />
 </div>
 
 <button type="submit" :disabled="loading">
 {{ loading ? 'Loading...' : 'Sign In' }}
 </button>
 </form>
 </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 →