SyntaxSquad/DAEProject_Frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

forget and recover password functionalities

Browse Source
This commit is contained in:
Edd
2026-01-18 01:37:27 +00:00
parent 0fe0b444c2
commit 9c0dca8f13
11 changed files with 333 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/layouts/default.vue
+5 -4
View File
@@ -40,22 +40,23 @@ onMounted(() => {
</div>
<div class="flex items-center gap-4">
<button @click="toggleDark" class="p-2 rounded-lg bg-gray-200 dark:bg-gray-700">
<button class="p-2 rounded-lg bg-gray-200 dark:bg-gray-700" @click="toggleDark">
<span v-if="isDark">☀️</span>
<span v-else>🌙</span>
</button>
<template v-if="authStore?.token">
<label class="py-2 text-sm font-semibold">{{ authStore?.user.name }}</label>
<button @click.prevent="logout"
class="px-4 py-2 text-sm font-semibold text-red-800 bg-red-100 hover:bg-red-200 rounded-lg transition-all duration-200">
<button
class="px-4 py-2 text-sm font-semibold text-red-800 bg-red-100 hover:bg-red-200 rounded-lg transition-all duration-200"
@click.prevent="logout">
Logout
</button>
</template>
<template v-else>
<nuxt-link to="/auth/login"
class="px-5 py-2 text-sm font-semibold text-white bg-blue-600 hover:bg-blue-700 rounded-lg shadow-sm transition-all">
class="px-5 py-2 text-sm font-semibold text-white! bg-blue-600 hover:bg-blue-700 rounded-lg shadow-sm transition-all">
Login
</nuxt-link>
</template>