65 lines
No EOL
1.5 KiB
Vue
65 lines
No EOL
1.5 KiB
Vue
<template>
|
|
<div class="flex items-center justify-center py-16">
|
|
<div class="card w-96 bg-base-100 shadow-2xl p-6">
|
|
<h2 class="text-2xl font-bold text-center">Login</h2>
|
|
|
|
<form @submit.prevent="handleLogin" class="mt-4">
|
|
<div class="form-control mt-2">
|
|
<label class="label">
|
|
<span class="label-text">Password</span>
|
|
</label>
|
|
<input
|
|
v-model="password"
|
|
type="password"
|
|
placeholder="Enter your password"
|
|
class="input input-bordered"
|
|
required
|
|
/>
|
|
</div>
|
|
|
|
<div class="form-control mt-4">
|
|
<button type="submit" class="btn btn-primary w-full">Login</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import { ref } from 'vue';
|
|
import axios from 'axios';
|
|
import { useRouter } from 'vue-router';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
email: '',
|
|
password: ''
|
|
};
|
|
},
|
|
methods: {
|
|
async handleLogin() {
|
|
try {
|
|
const response = await axios.post('/api/login', {
|
|
password: this.password,
|
|
});
|
|
console.log(response.data);
|
|
|
|
if (response?.data?.message == 'Login successful!') {
|
|
const token = response.data.token;
|
|
const cookie = useCookie('token');
|
|
cookie.value = token;
|
|
|
|
this.$router.push('/');
|
|
} else {
|
|
console.error('Login failed');
|
|
}
|
|
} catch (error) {
|
|
console.error('Login error:', error);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
</script> |