GPT

Usage in Vue Components

import { ref } from 'vue' import { useAuthStore } from '@/stores/auth' const email = ref('') const password = ref('') const error = ref('') const { login } = useAuthStore() const handleLogin = async () = { try { erro

Prompt text

Original English text. Replace placeholders with your own details.

<script setup lang="ts">
import { ref } from 'vue'
import { useAuthStore } from '@/stores/auth'

const email = ref('')
const password = ref('')
const error = ref('')
const { login } = useAuthStore()

const handleLogin = async () => {
 try {
 error.value = ''
 await login(email.value, password.value)
 } catch (e) {
 error.value = e instanceof Error ? e.message : 'An error occurred'
 }
}
</script>

<template>
 <form @submit.prevent="handleLogin">
 <input v-model="email" type="email" required />
 <input v-model="password" type="password" required />
 <p v-if="error" class="error">{{ error }}</p>
 <button type="submit">Login</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 →