Untitled

<script setup>
import { router, useForm } from '@inertiajs/vue3'

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

</script>

<template>
	<div class="w-full lg:w-1/3 mx-auto py-8">
		<h1 class="text-2xl font-bold">Login</h1>
		<form @submit.prevent="form.post($route('login'))" class="grid grid-cols-1 gap-6 mt-8">
			<div v-if="form.errors?.message">{{ form.errors?.message }}</div>
			<input v-model="form.email" type="email" id="email" name="email" placeholder="Email" class="border" />
			<div v-if="form.errors.email">{{ form.errors.email }}</div>
			<input v-model="form.password" type="password" id="password" name="password" placeholder="Password" class="border" />
			<div v-if="form.errors.password">{{ form.errors.password }}</div>
			<button class="text-white bg-green-600 p-1 rounded" type="submit">Login</button>
		</form>
	</div>
</template>

<style scoped>

</style>